@progress/kendo-angular-progressbar 19.1.2-develop.4 → 19.1.2-develop.6

package/chunk/chunk-progressbar.component.d.ts

@@ -10,18 +10,25 @@ import * as i0 from "@angular/core";
  * Represents the [Kendo UI ChunkProgressBar component for Angular]({% slug overview_chunkprogressbar %}).
  *
  * @example
- * ```ts-preview
- * _@Component({
- *    selector: 'my-app',
- *    template: `
- *        <kendo-chunkprogressbar [value]="value">
- *        </kendo-chunkprogressbar>
- *    `
+ * ```typescript
+ * import { Component } from '@angular/core';
+ *
+ * @Component({
+ *   selector: 'my-app',
+ *   template: `
+ *     <kendo-chunkprogressbar
+ *       [value]="progressValue"
+ *       [chunkCount]="8">
+ *     </kendo-chunkprogressbar>
+ *   `
  * })
- * class AppComponent {
- *     public value = 40;
+ * export class AppComponent {
+ *   public progressValue: number = 40;
  * }
  * ```
+ *
+ * @remarks
+ * Supported children components are: {@link ProgressBarCustomMessagesComponent}
  */
 export declare class ChunkProgressBarComponent extends ProgressBarBase {
     localization: LocalizationService;
@@ -30,7 +37,8 @@ export declare class ChunkProgressBarComponent extends ProgressBarBase {
     chunkClass: boolean;
     /**
      * Sets the number of chunks into which the ChunkProgressBar will be split.
-     * Defaults to `5`.
+     *
+     * @default 5
      */
     chunkCount: number;
     /**
@@ -38,29 +46,29 @@ export declare class ChunkProgressBarComponent extends ProgressBarBase {
      */
     get chunks(): boolean[];
     /**
-     * The CSS styles that will be rendered on the full chunk elements ([see example]({% slug chunkprogressbar_appearance %})).
-     * Supports the type of values that are supported by [`ngStyle`](link:site.data.urls.angular['ngstyleapi']).
+     * Sets the CSS styles that will be rendered on the full chunk elements ([see example]({% slug chunkprogressbar_appearance %})).
+     * Supports the type of values that [`ngStyle`](link:site.data.urls.angular['ngstyleapi']) supports.
      */
     progressCssStyle: {
         [key: string]: any;
     };
     /**
-     * The CSS classes that will be rendered on the full chunk elements ([see example]({% slug chunkprogressbar_appearance %})).
-     * Supports the type of values that are supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
+     * Sets the CSS classes that will be rendered on the full chunk elements ([see example]({% slug chunkprogressbar_appearance %})).
+     * Supports the type of values that [`ngClass`](link:site.data.urls.angular['ngclassapi']) supports.
      */
     progressCssClass: string | string[] | Set<string> | {
         [key: string]: string;
     };
     /**
-     * The CSS styles that will be rendered on the empty chunk elements ([see example]({% slug chunkprogressbar_appearance %})).
-     * Supports the type of values that are supported by [`ngStyle`](link:site.data.urls.angular['ngstyleapi']).
+     * Sets the CSS styles that will be rendered on the empty chunk elements ([see example]({% slug chunkprogressbar_appearance %})).
+     * Supports the type of values that [`ngStyle`](link:site.data.urls.angular['ngstyleapi']) supports.
      */
     emptyCssStyle: {
         [key: string]: string;
     };
     /**
-     * The CSS classes that will be rendered on the empty chunk elements ([see example]({% slug chunkprogressbar_appearance %})).
-     * Supports the type of values that are supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
+     * Sets the CSS classes that will be rendered on the empty chunk elements ([see example]({% slug chunkprogressbar_appearance %})).
+     * Supports the type of values that [`ngClass`](link:site.data.urls.angular['ngclassapi']) supports.
      */
     emptyCssClass: string | string[] | Set<string> | {
         [key: string]: any;

package/circularprogressbar/center-template.directive.d.ts

@@ -5,8 +5,17 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * A directive that selects a template within the `<kendo-circularprogessbar>` component which will be used for the center template.
+ * Represents a template that allows you to customize the content in the center of the `<kendo-circularprogessbar>` component. To define the template, nest an `<ng-template>` tag with the `kendoCircularProgressbarCenterTemplate` directive inside a `<kendo-circularprogessbar>` component.
  * ([see example]({% slug center_template_circularprogressbar %})).
+ *
+ * @example
+ * ```html
+ * <kendo-circularprogressbar [value]="75">
+ *   <ng-template kendoCircularProgressbarCenterTemplate>
+ *     <span class="custom-center-text">75%</span>
+ *   </ng-template>
+ * </kendo-circularprogressbar>
+ * ```
  */
 export declare class CircularProgressbarCenterTemplateDirective {
     templateRef: TemplateRef<unknown>;

package/circularprogressbar/circular-progressbar.component.d.ts

@@ -13,17 +13,26 @@ import * as i0 from "@angular/core";
  * Represents the [Kendo UI Circular ProgressBar component for Angular]({% slug overview_circularprogressbar %}).
  *
  * @example
- * ```ts-preview
- * _@Component({
- *    selector: 'my-app',
- *    template: `
- *        <kendo-circularprogressbar [value]="value"></kendo-circularprogressbar>
- *    `
+ * ```typescript
+ * import { Component } from '@angular/core';
+ *
+ * @Component({
+ *   selector: 'my-app',
+ *   template: `
+ *     <kendo-circularprogressbar
+ *       [value]="currentValue"
+ *       [max]="100"
+ *       [animation]="true">
+ *     </kendo-circularprogressbar>
+ *   `
  * })
- * class AppComponent {
- *     public value: number = 50;
+ * export class AppComponent {
+ *   public currentValue: number = 65;
  * }
  * ```
+ *
+ * @remarks
+ * Supported children components are: {@link ProgressBarCustomMessagesComponent}
  */
 export declare class CircularProgressBarComponent implements AfterViewInit, OnChanges, OnDestroy {
     private renderer;
@@ -37,49 +46,51 @@ export declare class CircularProgressBarComponent implements AfterViewInit, OnCh
     get ariaValueAttribute(): string;
     roleAttribute: string;
     /**
-     * Sets the default value of the Circular Progressbar between `min` and `max`.
+     * Sets the default value of the Circular ProgressBar between `min` and `max`.
      *
      * @default 0
      */
     set value(value: number);
     get value(): number;
     /**
-     * The maximum value which the Circular Progressbar can accept.
+     * Sets the maximum value which the Circular ProgressBar can accept.
      *
      * @default 100
      */
     set max(max: number);
     get max(): number;
     /**
-     * The minimum value which the Circular Progressbar can accept.
+     * Sets the minimum value which the Circular ProgressBar can accept.
      *
      * @default 0
      */
     set min(min: number);
     get min(): number;
     /**
-     * Indicates whether an animation will be played on value changes.
+     * Specifies whether to play an animation when the value changes.
      *
      * @default false
      */
     animation: boolean;
     /**
-     * The opacity of the value arc.
+     * Sets the opacity of the value arc.
+     *
      * @default 1
      */
     opacity: number;
     /**
      * Puts the Circular ProgressBar in indeterminate state.
+     *
      * @default false
      */
     set indeterminate(indeterminate: boolean);
     get indeterminate(): boolean;
     /**
-     * Configures the pointer color. Could be set to a single color string or customized per progress stages.
+     * Configures the pointer color. You can set it to a single color string or customize it per progress stages.
      */
     progressColor: string | ProgressColor[];
     /**
-     * Fires when the animation which indicates the latest value change is completed.
+     * Fires when the animation that indicates the latest value change completes.
      */
     animationEnd: EventEmitter<AnimationEndEvent>;
     progress: ElementRef;

package/circularprogressbar/models/circular-progressbar-progress-color-interface.d.ts

@@ -3,19 +3,19 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * The color range configuration of the pointer.
+ * Defines the color range configuration of the pointer.
  */
 export interface ProgressColor {
     /**
-     * The color of the range. Accepts valid CSS color strings, including hex and rgb.
+     * Sets the color of the range. Accepts valid CSS color strings, including hex and rgb.
      */
     color?: string;
     /**
-     * The range start value.
+     * Sets the range start value.
      */
     from?: number;
     /**
-     * The range end value.
+     * Sets the range end value.
      */
     to?: number;
 }

package/common/localization/custom-messages.component.d.ts

@@ -8,6 +8,30 @@ import * as i0 from "@angular/core";
 /**
  * Custom component messages override default component messages
  * ([see example]({% slug rtl_layout %})).
+ *
+ * @example
+ * ```html
+ * <!-- Custom messages for ProgressBar -->
+ * <kendo-progressbar [value]="value">
+ *     <kendo-progressbar-messages
+ *       progressBarLabel="Changed ProgressBar Label"
+ *     ></kendo-progressbar-messages>
+ * </kendo-progressbar>
+ *
+ * <!-- Custom messages for ChunkProgressBar -->
+ * <kendo-chunkprogressbar [value]="value" [chunkCount]="chunks">
+ *     <kendo-progressbar-messages
+ *       progressBarLabel="Changed Chunk Label"
+ *     ></kendo-progressbar-messages>
+ * </kendo-chunkprogressbar>
+ *
+ * <!-- Custom messages for CircularProgressBar -->
+ * <kendo-circularprogressbar [value]="value">
+ *     <kendo-progressbar-messages
+ *       progressBarLabel="Changed Circular Label"
+ *     ></kendo-progressbar-messages>
+ * </kendo-circularprogressbar>
+ * ```
  */
 export declare class ProgressBarCustomMessagesComponent extends ProgressBarMessages {
     protected service: LocalizationService;

package/directives.d.ts

@@ -8,18 +8,64 @@ import { CircularProgressBarComponent } from "./circularprogressbar/circular-pro
 import { ProgressBarCustomMessagesComponent } from "./common/localization/custom-messages.component";
 import { ProgressBarComponent } from "./progressbar.component";
 /**
- * Utility array that contains all `ChunkProgressBar` related components and directives
+ * Use this utility array to access all ChunkProgressBar-related components and directives in a standalone Angular component.
+ *
+ * @example
+ * ```typescript
+ * import { KENDO_CHUNKPROGRESSBAR } from '@progress/kendo-angular-progressbar';
+ * @Component({
+ *   standalone: true,
+ *   imports: [KENDO_CHUNKPROGRESSBAR],
+ *   template: `<kendo-chunkprogressbar [value]="50"></kendo-chunkprogressbar>`,
+ * })
+ * export class MyComponent {}
+ * ```
  */
 export declare const KENDO_CHUNKPROGRESSBAR: readonly [typeof ChunkProgressBarComponent, typeof ProgressBarCustomMessagesComponent];
 /**
- * Utility array that contains all `CircularProgressBar` related components and directives
+ * Use this utility array to access all CircularProgressbar-related components and directives in a standalone Angular component.
+ *
+ * @example
+ * ```typescript
+ * import { KENDO_CIRCULARPROGRESSBAR } from '@progress/kendo-angular-progressbar';
+ * @Component({
+ *   standalone: true,
+ *   imports: [KENDO_CIRCULARPROGRESSBAR],
+ *   template: `<kendo-circularprogressbar [value]="75"></kendo-circularprogressbar>`,
+ * })
+ * export class MyComponent {}
+ * ```
  */
 export declare const KENDO_CIRCULARPROGRESSBAR: readonly [typeof CircularProgressbarCenterTemplateDirective, typeof CircularProgressBarComponent, typeof ProgressBarCustomMessagesComponent];
 /**
- * Utility array that contains all `ProgressBar` related components and directives
+ * Use this utility array to access all ProgressBar-related components and directives in a standalone Angular component.
+ *
+  * @example
+ * ```typescript
+ * import { KENDO_PROGRESSBAR } from '@progress/kendo-angular-progressbar';
+ * @Component({
+ *   standalone: true,
+ *   imports: [KENDO_PROGRESSBAR],
+ *   template: `<kendo-progressbar [value]="75"></kendo-progressbar>`,
+ * })
+ * export class MyComponent {}
+ * ```
  */
 export declare const KENDO_PROGRESSBAR: readonly [typeof ProgressBarComponent, typeof ProgressBarCustomMessagesComponent];
 /**
- * Utility array that contains all `@progress/kendo-angular-progressbar` related components and directives
+ * Use this utility array all `@progress/kendo-angular-progressbar`-related components and directives.
+ * @example
+ * ```typescript
+ * import { KENDO_PROGRESSBARS } from '@progress/kendo-angular-progressbar';
+ * @Component({
+ *   standalone: true,
+ *   imports: [KENDO_PROGRESSBARS],
+ *   template: `
+ *     <kendo-progressbar [value]="75"></kendo-progressbar>
+ *     <kendo-circularprogressbar [value]="75"></kendo-circularprogressbar>
+ *   `,
+ * })
+ * export class MyComponent {}
+ * ```
  */
 export declare const KENDO_PROGRESSBARS: readonly [typeof ChunkProgressBarComponent, typeof ProgressBarCustomMessagesComponent, typeof CircularProgressbarCenterTemplateDirective, typeof CircularProgressBarComponent, typeof ProgressBarCustomMessagesComponent, typeof ProgressBarComponent, typeof ProgressBarCustomMessagesComponent];

package/esm2022/chunk/chunk-progressbar.component.mjs

@@ -13,18 +13,25 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * Represents the [Kendo UI ChunkProgressBar component for Angular]({% slug overview_chunkprogressbar %}).
  *
  * @example
- * ```ts-preview
- * _@Component({
- *    selector: 'my-app',
- *    template: `
- *        <kendo-chunkprogressbar [value]="value">
- *        </kendo-chunkprogressbar>
- *    `
+ * ```typescript
+ * import { Component } from '@angular/core';
+ *
+ * @Component({
+ *   selector: 'my-app',
+ *   template: `
+ *     <kendo-chunkprogressbar
+ *       [value]="progressValue"
+ *       [chunkCount]="8">
+ *     </kendo-chunkprogressbar>
+ *   `
  * })
- * class AppComponent {
- *     public value = 40;
+ * export class AppComponent {
+ *   public progressValue: number = 40;
  * }
  * ```
+ *
+ * @remarks
+ * Supported children components are: {@link ProgressBarCustomMessagesComponent}
  */
 export class ChunkProgressBarComponent extends ProgressBarBase {
     localization;
@@ -33,7 +40,8 @@ export class ChunkProgressBarComponent extends ProgressBarBase {
     chunkClass = true;
     /**
      * Sets the number of chunks into which the ChunkProgressBar will be split.
-     * Defaults to `5`.
+     *
+     * @default 5
      */
     chunkCount = 5;
     /**
@@ -49,24 +57,24 @@ export class ChunkProgressBarComponent extends ProgressBarBase {
         return chunks;
     }
     /**
-     * The CSS styles that will be rendered on the full chunk elements ([see example]({% slug chunkprogressbar_appearance %})).
-     * Supports the type of values that are supported by [`ngStyle`](link:site.data.urls.angular['ngstyleapi']).
+     * Sets the CSS styles that will be rendered on the full chunk elements ([see example]({% slug chunkprogressbar_appearance %})).
+     * Supports the type of values that [`ngStyle`](link:site.data.urls.angular['ngstyleapi']) supports.
      */
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     progressCssStyle;
     /**
-     * The CSS classes that will be rendered on the full chunk elements ([see example]({% slug chunkprogressbar_appearance %})).
-     * Supports the type of values that are supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
+     * Sets the CSS classes that will be rendered on the full chunk elements ([see example]({% slug chunkprogressbar_appearance %})).
+     * Supports the type of values that [`ngClass`](link:site.data.urls.angular['ngclassapi']) supports.
      */
     progressCssClass;
     /**
-     * The CSS styles that will be rendered on the empty chunk elements ([see example]({% slug chunkprogressbar_appearance %})).
-     * Supports the type of values that are supported by [`ngStyle`](link:site.data.urls.angular['ngstyleapi']).
+     * Sets the CSS styles that will be rendered on the empty chunk elements ([see example]({% slug chunkprogressbar_appearance %})).
+     * Supports the type of values that [`ngStyle`](link:site.data.urls.angular['ngstyleapi']) supports.
      */
     emptyCssStyle;
     /**
-     * The CSS classes that will be rendered on the empty chunk elements ([see example]({% slug chunkprogressbar_appearance %})).
-     * Supports the type of values that are supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
+     * Sets the CSS classes that will be rendered on the empty chunk elements ([see example]({% slug chunkprogressbar_appearance %})).
+     * Supports the type of values that [`ngClass`](link:site.data.urls.angular['ngclassapi']) supports.
      */
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     emptyCssClass;

package/esm2022/circularprogressbar/center-template.directive.mjs

@@ -5,8 +5,17 @@
 import { Directive, TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * A directive that selects a template within the `<kendo-circularprogessbar>` component which will be used for the center template.
+ * Represents a template that allows you to customize the content in the center of the `<kendo-circularprogessbar>` component. To define the template, nest an `<ng-template>` tag with the `kendoCircularProgressbarCenterTemplate` directive inside a `<kendo-circularprogessbar>` component.
  * ([see example]({% slug center_template_circularprogressbar %})).
+ *
+ * @example
+ * ```html
+ * <kendo-circularprogressbar [value]="75">
+ *   <ng-template kendoCircularProgressbarCenterTemplate>
+ *     <span class="custom-center-text">75%</span>
+ *   </ng-template>
+ * </kendo-circularprogressbar>
+ * ```
  */
 export class CircularProgressbarCenterTemplateDirective {
     templateRef;

package/esm2022/circularprogressbar/circular-progressbar.component.mjs

@@ -20,17 +20,26 @@ const DEFAULT_SURFACE_SIZE = 200;
  * Represents the [Kendo UI Circular ProgressBar component for Angular]({% slug overview_circularprogressbar %}).
  *
  * @example
- * ```ts-preview
- * _@Component({
- *    selector: 'my-app',
- *    template: `
- *        <kendo-circularprogressbar [value]="value"></kendo-circularprogressbar>
- *    `
+ * ```typescript
+ * import { Component } from '@angular/core';
+ *
+ * @Component({
+ *   selector: 'my-app',
+ *   template: `
+ *     <kendo-circularprogressbar
+ *       [value]="currentValue"
+ *       [max]="100"
+ *       [animation]="true">
+ *     </kendo-circularprogressbar>
+ *   `
  * })
- * class AppComponent {
- *     public value: number = 50;
+ * export class AppComponent {
+ *   public currentValue: number = 65;
  * }
  * ```
+ *
+ * @remarks
+ * Supported children components are: {@link ProgressBarCustomMessagesComponent}
  */
 export class CircularProgressBarComponent {
     renderer;
@@ -50,7 +59,7 @@ export class CircularProgressBarComponent {
     }
     roleAttribute = 'progressbar';
     /**
-     * Sets the default value of the Circular Progressbar between `min` and `max`.
+     * Sets the default value of the Circular ProgressBar between `min` and `max`.
      *
      * @default 0
      */
@@ -68,7 +77,7 @@ export class CircularProgressBarComponent {
         return this._value;
     }
     /**
-     * The maximum value which the Circular Progressbar can accept.
+     * Sets the maximum value which the Circular ProgressBar can accept.
      *
      * @default 100
      */
@@ -82,7 +91,7 @@ export class CircularProgressBarComponent {
         return this._max;
     }
     /**
-     * The minimum value which the Circular Progressbar can accept.
+     * Sets the minimum value which the Circular ProgressBar can accept.
      *
      * @default 0
      */
@@ -96,18 +105,20 @@ export class CircularProgressBarComponent {
         return this._min;
     }
     /**
-     * Indicates whether an animation will be played on value changes.
+     * Specifies whether to play an animation when the value changes.
      *
      * @default false
      */
     animation = false;
     /**
-     * The opacity of the value arc.
+     * Sets the opacity of the value arc.
+     *
      * @default 1
      */
     opacity = 1;
     /**
      * Puts the Circular ProgressBar in indeterminate state.
+     *
      * @default false
      */
     set indeterminate(indeterminate) {
@@ -117,11 +128,11 @@ export class CircularProgressBarComponent {
         return this._indeterminate;
     }
     /**
-     * Configures the pointer color. Could be set to a single color string or customized per progress stages.
+     * Configures the pointer color. You can set it to a single color string or customize it per progress stages.
      */
     progressColor;
     /**
-     * Fires when the animation which indicates the latest value change is completed.
+     * Fires when the animation that indicates the latest value change completes.
      */
     animationEnd = new EventEmitter();
     progress;

package/esm2022/circularprogressbar/models/circular-progressbar-progress-color-interface.mjs

@@ -3,6 +3,6 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * The color range configuration of the pointer.
+ * Defines the color range configuration of the pointer.
  */
 export {};

package/esm2022/common/localization/custom-messages.component.mjs

@@ -10,6 +10,30 @@ import * as i1 from "@progress/kendo-angular-l10n";
 /**
  * Custom component messages override default component messages
  * ([see example]({% slug rtl_layout %})).
+ *
+ * @example
+ * ```html
+ * <!-- Custom messages for ProgressBar -->
+ * <kendo-progressbar [value]="value">
+ *     <kendo-progressbar-messages
+ *       progressBarLabel="Changed ProgressBar Label"
+ *     ></kendo-progressbar-messages>
+ * </kendo-progressbar>
+ *
+ * <!-- Custom messages for ChunkProgressBar -->
+ * <kendo-chunkprogressbar [value]="value" [chunkCount]="chunks">
+ *     <kendo-progressbar-messages
+ *       progressBarLabel="Changed Chunk Label"
+ *     ></kendo-progressbar-messages>
+ * </kendo-chunkprogressbar>
+ *
+ * <!-- Custom messages for CircularProgressBar -->
+ * <kendo-circularprogressbar [value]="value">
+ *     <kendo-progressbar-messages
+ *       progressBarLabel="Changed Circular Label"
+ *     ></kendo-progressbar-messages>
+ * </kendo-circularprogressbar>
+ * ```
  */
 export class ProgressBarCustomMessagesComponent extends ProgressBarMessages {
     service;

package/esm2022/directives.mjs

@@ -8,14 +8,36 @@ import { CircularProgressBarComponent } from "./circularprogressbar/circular-pro
 import { ProgressBarCustomMessagesComponent } from "./common/localization/custom-messages.component";
 import { ProgressBarComponent } from "./progressbar.component";
 /**
- * Utility array that contains all `ChunkProgressBar` related components and directives
+ * Use this utility array to access all ChunkProgressBar-related components and directives in a standalone Angular component.
+ *
+ * @example
+ * ```typescript
+ * import { KENDO_CHUNKPROGRESSBAR } from '@progress/kendo-angular-progressbar';
+ * @Component({
+ *   standalone: true,
+ *   imports: [KENDO_CHUNKPROGRESSBAR],
+ *   template: `<kendo-chunkprogressbar [value]="50"></kendo-chunkprogressbar>`,
+ * })
+ * export class MyComponent {}
+ * ```
  */
 export const KENDO_CHUNKPROGRESSBAR = [
     ChunkProgressBarComponent,
     ProgressBarCustomMessagesComponent
 ];
 /**
- * Utility array that contains all `CircularProgressBar` related components and directives
+ * Use this utility array to access all CircularProgressbar-related components and directives in a standalone Angular component.
+ *
+ * @example
+ * ```typescript
+ * import { KENDO_CIRCULARPROGRESSBAR } from '@progress/kendo-angular-progressbar';
+ * @Component({
+ *   standalone: true,
+ *   imports: [KENDO_CIRCULARPROGRESSBAR],
+ *   template: `<kendo-circularprogressbar [value]="75"></kendo-circularprogressbar>`,
+ * })
+ * export class MyComponent {}
+ * ```
  */
 export const KENDO_CIRCULARPROGRESSBAR = [
     CircularProgressbarCenterTemplateDirective,
@@ -23,14 +45,38 @@ export const KENDO_CIRCULARPROGRESSBAR = [
     ProgressBarCustomMessagesComponent
 ];
 /**
- * Utility array that contains all `ProgressBar` related components and directives
+ * Use this utility array to access all ProgressBar-related components and directives in a standalone Angular component.
+ *
+  * @example
+ * ```typescript
+ * import { KENDO_PROGRESSBAR } from '@progress/kendo-angular-progressbar';
+ * @Component({
+ *   standalone: true,
+ *   imports: [KENDO_PROGRESSBAR],
+ *   template: `<kendo-progressbar [value]="75"></kendo-progressbar>`,
+ * })
+ * export class MyComponent {}
+ * ```
  */
 export const KENDO_PROGRESSBAR = [
     ProgressBarComponent,
     ProgressBarCustomMessagesComponent
 ];
 /**
- * Utility array that contains all `@progress/kendo-angular-progressbar` related components and directives
+ * Use this utility array all `@progress/kendo-angular-progressbar`-related components and directives.
+ * @example
+ * ```typescript
+ * import { KENDO_PROGRESSBARS } from '@progress/kendo-angular-progressbar';
+ * @Component({
+ *   standalone: true,
+ *   imports: [KENDO_PROGRESSBARS],
+ *   template: `
+ *     <kendo-progressbar [value]="75"></kendo-progressbar>
+ *     <kendo-circularprogressbar [value]="75"></kendo-circularprogressbar>
+ *   `,
+ * })
+ * export class MyComponent {}
+ * ```
  */
 export const KENDO_PROGRESSBARS = [
     ...KENDO_CHUNKPROGRESSBAR,

package/esm2022/package-metadata.mjs

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