@progress/kendo-angular-indicators 19.1.1 → 19.1.2-develop.2

package/badge/badge.component.d.ts

@@ -13,7 +13,14 @@ import { BadgePosition } from './models/position';
 import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI Badge component for Angular]({% slug overview_badge %}).
- * Used to display additional information or status that is related to an element.
+ * Displays additional information or status related to an element, such as notifications or counts.
+ *
+ * Provides configuration options for alignment, size, fill, theme color, roundness, position, and cutout border.
+ *
+ * @example
+ * ```html
+ * <kendo-badge [size]="'large'" [themeColor]="'success'">99+</kendo-badge>
+ * ```
  */
 export declare class BadgeComponent implements AfterViewInit, OnChanges, OnDestroy {
     private element;
@@ -28,12 +35,6 @@ export declare class BadgeComponent implements AfterViewInit, OnChanges, OnDestr
     /**
      * Specifies the alignment of the Badge ([see example]({% slug alignandposition_badge %}#toc-alignment)).
      *
-     * The possible values are:
-     * * `{ vertical: 'top', horizontal: 'end' }`
-     * * `{ vertical: 'top', horizontal: 'start' }`
-     * * `{ vertical: 'bottom', horizontal: 'start' }`
-     * * `{ vertical: 'bottom', horizontal: 'end' }`
-     *
      * @default "{ vertical: 'top', horizontal: 'end' }"
      */
     get align(): BadgeAlign;
@@ -41,78 +42,37 @@ export declare class BadgeComponent implements AfterViewInit, OnChanges, OnDestr
     /**
      * Specifies the size of the Badge ([see example]({% slug appearance_badge %}#toc-size)).
      *
-     * The possible values are:
-     * * `small`
-     * * `medium`
-     * * `large`
-     * * `none`
-     *
      * @default medium
      */
     size: BadgeSize;
     /**
      * 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: BadgeFill;
     /**
      * 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 theme color applies 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: BadgeThemeColor;
     /**
      * 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: BadgeRounded;
     /**
      * 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: BadgePosition;
     /**
-     * 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`
+     * Specifies whether to render additional `cutout` border around the Badge ([see example]({% slug appearance_badge %}#toc-cutout-border)).
      *
      * @default false
      */

package/badge/models/align.d.ts

@@ -3,8 +3,9 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Specifies the horizontal and vertical alignment of the Badge
- * ([see example](slug:alignandposition_badge#toc-alignment)).
+ * Specifies the horizontal and vertical alignment options for the Badge component.
+ *
+ * For usage examples, see the [Badge Alignment documentation](slug:alignandposition_badge#toc-alignment).
  */
 export interface BadgeAlign {
     /**
@@ -16,7 +17,7 @@ export interface BadgeAlign {
      */
     vertical?: 'top' | 'bottom';
     /**
-     * Specifies the horiozntal alignment of the Badge.
+     * Specifies the horizontal alignment of the Badge.
      *
      * The available options are:
      * - `start`

package/badge/models/fill.d.ts

@@ -3,12 +3,12 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Specifies the appearance fill style of the Badge
- * ([see example]({% slug appearance_badge %}#toc-fill)).
+ * Specifies the appearance fill style of the Badge component.
  *
  * The possible values are:
  * * `solid` (Default)
  * * `outline`
  *
+ * For more information, see the [Badge Appearance - Fill]({% slug appearance_badge %}#toc-fill) documentation.
  */
 export type BadgeFill = 'solid' | 'outline' | 'none';

package/badge/models/position.d.ts

@@ -3,13 +3,13 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Specifies the position of the Badge relative to the edge of the parent container element
- * ([see example]({% slug alignandposition_badge %}#toc-position)).
+ * 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.
  *
+ * For more information, see the [Badge Alignment and Position - Position]({% slug alignandposition_badge %}#toc-position) documentation.
  */
 export type BadgePosition = 'edge' | 'outside' | 'inside';

package/badge/models/rounded.d.ts

@@ -3,15 +3,15 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Specifies the roundness of the Badge
- * ([see example]({% slug appearance_badge %}#toc-rounded)).
+ * Specifies the roundness of the Badge component.
  *
  * The possible values are:
  * * `small`—Sets the `border radius` to `1px`.
  * * `medium` (Default)—Sets the `border radius` to `2px`.
  * * `large`—Sets the `border radius` to `4px`.
  * * `full`—Sets the `border radius` to `9999px`.
- * * `none`—The none option removes the built-in roundness. Allows for custom `border radius`.
+ * * `none`—The none option removes the built-in roundness allowing for custom `border radius`.
  *
+ * For more information, see the [Badge Appearance - Rounded]({% slug appearance_badge %}#toc-rounded) documentation.
  */
 export type BadgeRounded = 'small' | 'medium' | 'large' | 'full' | 'none';

package/badge/models/size.d.ts

@@ -3,8 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Specifies the size of the Badge
- * ([see example]({% slug appearance_badge %}#toc-size)).
+ * Specifies the size options for the Badge component.
  *
  * The possible values are:
  * * `small`
@@ -12,5 +11,6 @@
  * * `large`
  * * `none`
  *
+ * For more information, see the [Badge Appearance - Size]({% slug appearance_badge %}#toc-size) documentation.
  */
 export type BadgeSize = 'small' | 'medium' | 'large' | 'none';

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

@@ -3,8 +3,8 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Specifies the theme color of the Badge
- * ([see example]({% slug appearance_badge %}#toc-theme-color)).
+ * Specifies the theme color options for the Badge component.
+ * For more details, see the [Badge Appearance - Theme Color]({% slug appearance_badge %}#toc-theme-color) documentation.
  *
  * The possible values are:
  * * `primary` (Default)—Applies coloring based on primary theme color.

package/directives.d.ts

@@ -7,22 +7,22 @@ import { BadgeComponent } from "./badge/badge.component";
 import { LoaderComponent } from "./loader/loader.component";
 import { SkeletonComponent } from "./skeleton/skeleton.component";
 /**
- * Utility array that contains all `Badge` related components and directives
+ * Utility array that contains all `Badge` related components and directives.
  */
 export declare const KENDO_BADGE: readonly [typeof BadgeComponent];
 /**
- * Utility array that contains all `BadgeContainer` related components and directives
+ * Utility array that contains all `BadgeContainer` related components and directives.
  */
 export declare const KENDO_BADGECONTAINER: readonly [typeof BadgeComponent, typeof BadgeContainerComponent];
 /**
- * Utility array that contains all `Loader` related components and directives
+ * Utility array that contains all `Loader` related components and directives.
  */
 export declare const KENDO_LOADER: readonly [typeof LoaderComponent];
 /**
- * Utility array that contains all `Skeleton` related components and directives
+ * Utility array that contains all `Skeleton` related components and directives.
  */
 export declare const KENDO_SKELETON: readonly [typeof SkeletonComponent];
 /**
- * Utility array that contains all `@progress/kendo-angular-indicators` related components and directives
+ * Utility array that contains all `@progress/kendo-angular-indicators` related components and directives.
  */
 export declare const KENDO_INDICATORS: readonly [typeof BadgeComponent, typeof BadgeContainerComponent, typeof LoaderComponent, typeof SkeletonComponent];

package/esm2022/badge/badge-container.component.mjs

@@ -6,6 +6,17 @@ import { Component, HostBinding } from '@angular/core';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
+/**
+ * Represents the Kendo UI BadgeContainer component for Angular.
+ * Groups and aligns one or more Badge components within a parent element.
+ *
+ * @example
+ * ```html
+ * <kendo-badge-container>
+ *   <kendo-badge>new</kendo-badge>
+ * </kendo-badge-container>
+ * ```
+ */
 export class BadgeContainerComponent {
     localizationService;
     hostClass = true;

package/esm2022/badge/badge.component.mjs

@@ -21,7 +21,14 @@ const ROUNDED_CLASSES = {
 };
 /**
  * Represents the [Kendo UI Badge component for Angular]({% slug overview_badge %}).
- * Used to display additional information or status that is related to an element.
+ * Displays additional information or status related to an element, such as notifications or counts.
+ *
+ * Provides configuration options for alignment, size, fill, theme color, roundness, position, and cutout border.
+ *
+ * @example
+ * ```html
+ * <kendo-badge [size]="'large'" [themeColor]="'success'">99+</kendo-badge>
+ * ```
  */
 export class BadgeComponent {
     element;
@@ -38,12 +45,6 @@ export class BadgeComponent {
     /**
      * Specifies the alignment of the Badge ([see example]({% slug alignandposition_badge %}#toc-alignment)).
      *
-     * The possible values are:
-     * * `{ vertical: 'top', horizontal: 'end' }`
-     * * `{ vertical: 'top', horizontal: 'start' }`
-     * * `{ vertical: 'bottom', horizontal: 'start' }`
-     * * `{ vertical: 'bottom', horizontal: 'end' }`
-     *
      * @default "{ vertical: 'top', horizontal: 'end' }"
      */
     get align() {
@@ -55,78 +56,37 @@ export class BadgeComponent {
     /**
      * 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
+     * The theme color applies 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`
+     * Specifies whether to render additional `cutout` border around the Badge ([see example]({% slug appearance_badge %}#toc-cutout-border)).
      *
      * @default false
      */

package/esm2022/directives.mjs

@@ -7,32 +7,32 @@ import { BadgeComponent } from "./badge/badge.component";
 import { LoaderComponent } from "./loader/loader.component";
 import { SkeletonComponent } from "./skeleton/skeleton.component";
 /**
- * Utility array that contains all `Badge` related components and directives
+ * Utility array that contains all `Badge` related components and directives.
  */
 export const KENDO_BADGE = [
     BadgeComponent
 ];
 /**
- * Utility array that contains all `BadgeContainer` related components and directives
+ * Utility array that contains all `BadgeContainer` related components and directives.
  */
 export const KENDO_BADGECONTAINER = [
     BadgeComponent,
     BadgeContainerComponent
 ];
 /**
- * Utility array that contains all `Loader` related components and directives
+ * Utility array that contains all `Loader` related components and directives.
  */
 export const KENDO_LOADER = [
     LoaderComponent
 ];
 /**
- * Utility array that contains all `Skeleton` related components and directives
+ * Utility array that contains all `Skeleton` related components and directives.
  */
 export const KENDO_SKELETON = [
     SkeletonComponent
 ];
 /**
- * Utility array that contains all `@progress/kendo-angular-indicators` related components and directives
+ * Utility array that contains all `@progress/kendo-angular-indicators` related components and directives.
  */
 export const KENDO_INDICATORS = [
     ...KENDO_BADGECONTAINER,

package/esm2022/indicators.module.mjs

@@ -17,28 +17,19 @@ import * as i4 from "./skeleton/skeleton.component";
  * @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]
+ * @NgModule({
+ *   declarations: [AppComponent],
+ *   imports: [BrowserModule, IndicatorsModule],
+ *   bootstrap: [AppComponent]
  * })
  * export class AppModule {}
  *
- * // Compile and launch the module
  * platformBrowserDynamic().bootstrapModule(AppModule);
- *
  * ```
  */
 export class IndicatorsModule {

package/esm2022/loader/loader.component.mjs

@@ -25,6 +25,13 @@ const TYPE_CLASSES = {
 /**
  * Represents the [Kendo UI Loader component for Angular]({% slug overview_loader %}).
  * Displays a Loader that represents an indeterminate wait time.
+ *
+ * Provides configuration options for animation type, theme color, and size.
+ *
+ * @example
+ * ```html
+ * <kendo-loader [type]="'infinite-spinner'" [themeColor]="'primary'" [size]="'large'"></kendo-loader>
+ * ```
  */
 export class LoaderComponent {
     element;
@@ -33,10 +40,7 @@ export class LoaderComponent {
     /**
      * Specifies the Loader animation type.
      *
-     * The possible values are:
-     * - `pulsing` (default)
-     * - `infinite-spinner`
-     * - `converging-spinner`
+     * @default pulsing
      */
     set type(type) {
         this.renderer.removeClass(this.loader, TYPE_CLASSES[this.type]);
@@ -49,18 +53,7 @@ export class LoaderComponent {
     /**
      * 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.
-     *
+     * @default primary
      */
     set themeColor(themeColor) {
         this.renderer.removeClass(this.loader, `k-loader-${this.themeColor}`);
@@ -73,11 +66,7 @@ export class LoaderComponent {
     /**
      * Specifies the size of the Loader.
      *
-     * The possible values are:
-     * * `small`
-     * * `medium` (Default)
-     * * `large`
-     *
+     * @default medium
      */
     set size(size) {
         this.renderer.removeClass(this.loader, SIZE_CLASSES[this.size]);

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1749540044,
-    version: '19.1.1',
+    publishDate: 1749820392,
+    version: '19.1.2-develop.2',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2022/skeleton/skeleton.component.mjs

@@ -8,7 +8,14 @@ import { validAnimations, validShapes } from "./models";
 import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI Skeleton component for Angular]({% slug overview_skeleton %}).
- * Displays a Skeleton that represents loading content.
+ * Displays a Skeleton placeholder that represents loading content.
+ *
+ * Provides configuration options for animation, shape, width, and height.
+ *
+ * @example
+ * ```html
+ * <kendo-skeleton [shape]="'circle'" [animation]="'wave'" width="40px" height="40px"></kendo-skeleton>
+ * ```
  */
 export class SkeletonComponent {
     renderer;
@@ -16,10 +23,7 @@ export class SkeletonComponent {
     /**
      * 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.
+     * @default pulse
      */
     set animation(animation) {
         if (isDevMode() && validAnimations.indexOf(animation) === -1) {
@@ -39,10 +43,7 @@ export class SkeletonComponent {
     /**
      * 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.
+     * @default text
      */
     set shape(shape) {
         if (isDevMode() && validShapes.indexOf(shape) === -1) {
@@ -57,19 +58,17 @@ export class SkeletonComponent {
     }
     /**
      * 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).
+     * Required for all Skeleton shapes.
+     * Accepts a string like `100px`, `3em`, or `50%`, or an integer number for pixels.
      */
     set width(width) {
         this.renderer.setStyle(this.hostElement.nativeElement, "width", typeof width === "string" ? width : width + "px");
     }
     /**
      * 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).
+     * Required for `circle` and `rectangle` shapes.
+     * Not required for `text`, as it derives from the current CSS font-size.
+     * Accepts a string like `100px`, `3em`, or `50%`, or an integer number for pixels.
      */
     set height(height) {
         this.renderer.setStyle(this.hostElement.nativeElement, "height", typeof height === "string" ? height : height + "px");

package/fesm2022/progress-kendo-angular-indicators.mjs

@@ -9,6 +9,17 @@ import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
 import { NgFor } from '@angular/common';
 
+/**
+ * Represents the Kendo UI BadgeContainer component for Angular.
+ * Groups and aligns one or more Badge components within a parent element.
+ *
+ * @example
+ * ```html
+ * <kendo-badge-container>
+ *   <kendo-badge>new</kendo-badge>
+ * </kendo-badge-container>
+ * ```
+ */
 class BadgeContainerComponent {
     localizationService;
     hostClass = true;
@@ -69,8 +80,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1749540044,
-    version: '19.1.1',
+    publishDate: 1749820392,
+    version: '19.1.2-develop.2',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -87,7 +98,14 @@ const ROUNDED_CLASSES = {
 };
 /**
  * Represents the [Kendo UI Badge component for Angular]({% slug overview_badge %}).
- * Used to display additional information or status that is related to an element.
+ * Displays additional information or status related to an element, such as notifications or counts.
+ *
+ * Provides configuration options for alignment, size, fill, theme color, roundness, position, and cutout border.
+ *
+ * @example
+ * ```html
+ * <kendo-badge [size]="'large'" [themeColor]="'success'">99+</kendo-badge>
+ * ```
  */
 class BadgeComponent {
     element;
@@ -104,12 +122,6 @@ class BadgeComponent {
     /**
      * Specifies the alignment of the Badge ([see example]({% slug alignandposition_badge %}#toc-alignment)).
      *
-     * The possible values are:
-     * * `{ vertical: 'top', horizontal: 'end' }`
-     * * `{ vertical: 'top', horizontal: 'start' }`
-     * * `{ vertical: 'bottom', horizontal: 'start' }`
-     * * `{ vertical: 'bottom', horizontal: 'end' }`
-     *
      * @default "{ vertical: 'top', horizontal: 'end' }"
      */
     get align() {
@@ -121,78 +133,37 @@ class BadgeComponent {
     /**
      * 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
+     * The theme color applies 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`
+     * Specifies whether to render additional `cutout` border around the Badge ([see example]({% slug appearance_badge %}#toc-cutout-border)).
      *
      * @default false
      */
@@ -339,6 +310,13 @@ const TYPE_CLASSES = {
 /**
  * Represents the [Kendo UI Loader component for Angular]({% slug overview_loader %}).
  * Displays a Loader that represents an indeterminate wait time.
+ *
+ * Provides configuration options for animation type, theme color, and size.
+ *
+ * @example
+ * ```html
+ * <kendo-loader [type]="'infinite-spinner'" [themeColor]="'primary'" [size]="'large'"></kendo-loader>
+ * ```
  */
 class LoaderComponent {
     element;
@@ -347,10 +325,7 @@ class LoaderComponent {
     /**
      * Specifies the Loader animation type.
      *
-     * The possible values are:
-     * - `pulsing` (default)
-     * - `infinite-spinner`
-     * - `converging-spinner`
+     * @default pulsing
      */
     set type(type) {
         this.renderer.removeClass(this.loader, TYPE_CLASSES[this.type]);
@@ -363,18 +338,7 @@ class LoaderComponent {
     /**
      * 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.
-     *
+     * @default primary
      */
     set themeColor(themeColor) {
         this.renderer.removeClass(this.loader, `k-loader-${this.themeColor}`);
@@ -387,11 +351,7 @@ class LoaderComponent {
     /**
      * Specifies the size of the Loader.
      *
-     * The possible values are:
-     * * `small`
-     * * `medium` (Default)
-     * * `large`
-     *
+     * @default medium
      */
     set size(size) {
         this.renderer.removeClass(this.loader, SIZE_CLASSES[this.size]);
@@ -490,7 +450,14 @@ const skeletonAnimationError = (input) => `"${input}" is not a valid kendo-skele
 
 /**
  * Represents the [Kendo UI Skeleton component for Angular]({% slug overview_skeleton %}).
- * Displays a Skeleton that represents loading content.
+ * Displays a Skeleton placeholder that represents loading content.
+ *
+ * Provides configuration options for animation, shape, width, and height.
+ *
+ * @example
+ * ```html
+ * <kendo-skeleton [shape]="'circle'" [animation]="'wave'" width="40px" height="40px"></kendo-skeleton>
+ * ```
  */
 class SkeletonComponent {
     renderer;
@@ -498,10 +465,7 @@ class SkeletonComponent {
     /**
      * 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.
+     * @default pulse
      */
     set animation(animation) {
         if (isDevMode() && validAnimations.indexOf(animation) === -1) {
@@ -521,10 +485,7 @@ class SkeletonComponent {
     /**
      * 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.
+     * @default text
      */
     set shape(shape) {
         if (isDevMode() && validShapes.indexOf(shape) === -1) {
@@ -539,19 +500,17 @@ class SkeletonComponent {
     }
     /**
      * 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).
+     * Required for all Skeleton shapes.
+     * Accepts a string like `100px`, `3em`, or `50%`, or an integer number for pixels.
      */
     set width(width) {
         this.renderer.setStyle(this.hostElement.nativeElement, "width", typeof width === "string" ? width : width + "px");
     }
     /**
      * 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).
+     * Required for `circle` and `rectangle` shapes.
+     * Not required for `text`, as it derives from the current CSS font-size.
+     * Accepts a string like `100px`, `3em`, or `50%`, or an integer number for pixels.
      */
     set height(height) {
         this.renderer.setStyle(this.hostElement.nativeElement, "height", typeof height === "string" ? height : height + "px");
@@ -591,32 +550,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 /**
- * Utility array that contains all `Badge` related components and directives
+ * Utility array that contains all `Badge` related components and directives.
  */
 const KENDO_BADGE = [
     BadgeComponent
 ];
 /**
- * Utility array that contains all `BadgeContainer` related components and directives
+ * Utility array that contains all `BadgeContainer` related components and directives.
  */
 const KENDO_BADGECONTAINER = [
     BadgeComponent,
     BadgeContainerComponent
 ];
 /**
- * Utility array that contains all `Loader` related components and directives
+ * Utility array that contains all `Loader` related components and directives.
  */
 const KENDO_LOADER = [
     LoaderComponent
 ];
 /**
- * Utility array that contains all `Skeleton` related components and directives
+ * Utility array that contains all `Skeleton` related components and directives.
  */
 const KENDO_SKELETON = [
     SkeletonComponent
 ];
 /**
- * Utility array that contains all `@progress/kendo-angular-indicators` related components and directives
+ * Utility array that contains all `@progress/kendo-angular-indicators` related components and directives.
  */
 const KENDO_INDICATORS = [
     ...KENDO_BADGECONTAINER,
@@ -686,28 +645,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * @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]
+ * @NgModule({
+ *   declarations: [AppComponent],
+ *   imports: [BrowserModule, IndicatorsModule],
+ *   bootstrap: [AppComponent]
  * })
  * export class AppModule {}
  *
- * // Compile and launch the module
  * platformBrowserDynamic().bootstrapModule(AppModule);
- *
  * ```
  */
 class IndicatorsModule {

package/indicators.module.d.ts

@@ -14,28 +14,19 @@ import * as i4 from "./skeleton/skeleton.component";
  * @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]
+ * @NgModule({
+ *   declarations: [AppComponent],
+ *   imports: [BrowserModule, IndicatorsModule],
+ *   bootstrap: [AppComponent]
  * })
  * export class AppModule {}
  *
- * // Compile and launch the module
  * platformBrowserDynamic().bootstrapModule(AppModule);
- *
  * ```
  */
 export declare class IndicatorsModule {

package/loader/loader.component.d.ts

@@ -10,6 +10,13 @@ import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI Loader component for Angular]({% slug overview_loader %}).
  * Displays a Loader that represents an indeterminate wait time.
+ *
+ * Provides configuration options for animation type, theme color, and size.
+ *
+ * @example
+ * ```html
+ * <kendo-loader [type]="'infinite-spinner'" [themeColor]="'primary'" [size]="'large'"></kendo-loader>
+ * ```
  */
 export declare class LoaderComponent implements AfterViewInit {
     private element;
@@ -18,39 +25,21 @@ export declare class LoaderComponent implements AfterViewInit {
     /**
      * Specifies the Loader animation type.
      *
-     * The possible values are:
-     * - `pulsing` (default)
-     * - `infinite-spinner`
-     * - `converging-spinner`
+     * @default pulsing
      */
     set type(type: LoaderType);
     get type(): LoaderType;
     /**
      * 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.
-     *
+     * @default primary
      */
     set themeColor(themeColor: LoaderThemeColor);
     get themeColor(): LoaderThemeColor;
     /**
      * Specifies the size of the Loader.
      *
-     * The possible values are:
-     * * `small`
-     * * `medium` (Default)
-     * * `large`
-     *
+     * @default medium
      */
     set size(size: LoaderSize);
     get size(): LoaderSize;

package/loader/models/size.d.ts

@@ -3,13 +3,13 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Specifies the size of the Loader
- * ([see example]({% slug appearance_loader %}#toc-size)).
+ * Specifies the size options for the Loader component.
  *
  * The possible values are:
  * * `small`
  * * `medium` (Default)
  * * `large`
  *
+ * For more information, see the [Loader Appearance - Size]({% slug appearance_loader %}#toc-size) documentation.
  */
 export type LoaderSize = 'small' | 'medium' | 'large';

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

@@ -3,20 +3,20 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Specifies the theme color of the Loader.
- * ([see example]({% slug appearance_loader %}#toc-theme-color)).
+ * Specifies the theme color options for the Loader component.
  *
  * 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.
- * * `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.
+ * * `primary` (Default)—Applies coloring based on the primary theme color.
+ * * `secondary`—Applies coloring based on the secondary theme color.
+ * * `tertiary`— Applies coloring based on the tertiary theme color.
+ * * `info`—Applies coloring based on the info theme color.
+ * * `success`— Applies coloring based on the success theme color.
+ * * `warning`— Applies coloring based on the warning theme color.
+ * * `error`— Applies coloring based on the error theme color.
+ * * `dark`— Applies coloring based on the dark theme color.
+ * * `light`— Applies coloring based on the light theme color.
+ * * `inverse`— Applies coloring based on the inverted theme color.
  *
+ * For more information, see the [Loader Appearance - Theme Color]({% slug appearance_loader %}#toc-theme-color) documentation.
  */
 export type LoaderThemeColor = 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';

package/loader/models/type.d.ts

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Specifies the Loader animation type.
+ * Specifies the animation type for the Loader component.
  *
  * The possible values are:
  * - `pulsing` (default)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-indicators",
-  "version": "19.1.1",
+  "version": "19.1.2-develop.2",
   "description": "Kendo UI Indicators for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -17,7 +17,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1749540044,
+      "publishDate": 1749820392,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -27,14 +27,14 @@
     "@angular/core": "16 - 20",
     "@angular/platform-browser": "16 - 20",
     "@progress/kendo-licensing": "^1.5.0",
-    "@progress/kendo-angular-common": "19.1.1",
-    "@progress/kendo-angular-intl": "19.1.1",
-    "@progress/kendo-angular-l10n": "19.1.1",
+    "@progress/kendo-angular-common": "19.1.2-develop.2",
+    "@progress/kendo-angular-intl": "19.1.2-develop.2",
+    "@progress/kendo-angular-l10n": "19.1.2-develop.2",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "19.1.1"
+    "@progress/kendo-angular-schematics": "19.1.2-develop.2"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-indicators.mjs",

package/skeleton/models.d.ts

@@ -3,12 +3,12 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Specifies the animation settings of the Skeleton.
+ * Specifies the animation settings for the Skeleton component.
  *
  * The possible values are:
- * * `pulse` — (Default) Shows a pulse animation effect.
- * * `wave` — Shows a wave animation effect.
- * * `false` — Disables the animation. Note that it's a boolean, not a string.
+ * - `pulse`—(Default) Shows a pulse animation effect.
+ * - `wave`—Shows a wave animation effect.
+ * - `false`—Disables the animation. (Boolean, not a string)
  */
 export type SkeletonAnimation = false | 'pulse' | 'wave';
 /**
@@ -16,12 +16,12 @@ export type SkeletonAnimation = false | 'pulse' | 'wave';
  */
 export declare const validAnimations: SkeletonAnimation[];
 /**
- * Specifies the shape of the Skeleton.
+ * Specifies the shape of the Skeleton component.
  *
  * The possible values are:
- * * `text` — (Default) Renders a line Skeleton.
- * * `circle` — Renders a circular Skeleton.
- * * `rectangle` — Renders a rectangular Skeleton.
+ * - `text`—(Default) Renders a line Skeleton.
+ * - `circle`—Renders a circular Skeleton.
+ * - `rectangle`—Renders a rectangular Skeleton.
  */
 export type SkeletonShape = 'circle' | 'rectangle' | 'text';
 /**

package/skeleton/skeleton.component.d.ts

@@ -7,7 +7,14 @@ import { SkeletonAnimation, SkeletonShape } from "./models";
 import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI Skeleton component for Angular]({% slug overview_skeleton %}).
- * Displays a Skeleton that represents loading content.
+ * Displays a Skeleton placeholder that represents loading content.
+ *
+ * Provides configuration options for animation, shape, width, and height.
+ *
+ * @example
+ * ```html
+ * <kendo-skeleton [shape]="'circle'" [animation]="'wave'" width="40px" height="40px"></kendo-skeleton>
+ * ```
  */
 export declare class SkeletonComponent implements AfterViewInit {
     private renderer;
@@ -15,36 +22,28 @@ export declare class SkeletonComponent implements AfterViewInit {
     /**
      * 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.
+     * @default pulse
      */
     set animation(animation: SkeletonAnimation);
     get animation(): SkeletonAnimation;
     /**
      * 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.
+     * @default text
      */
     set shape(shape: SkeletonShape);
     get shape(): SkeletonShape;
     /**
      * 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).
+     * Required for all Skeleton shapes.
+     * Accepts a string like `100px`, `3em`, or `50%`, or an integer number for pixels.
      */
     set width(width: string | number);
     /**
      * 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).
+     * Required for `circle` and `rectangle` shapes.
+     * Not required for `text`, as it derives from the current CSS font-size.
+     * Accepts a string like `100px`, `3em`, or `50%`, or an integer number for pixels.
      */
     set height(height: string | number);
     private _animation;