@progress/kendo-angular-indicators 22.1.0-develop.8 → 23.0.0-develop.1

package/badge/badge.component.d.ts

@@ -12,7 +12,7 @@ import { BadgeRounded } from './models/rounded';
 import { BadgePosition } from './models/position';
 import * as i0 from "@angular/core";
 /**
- * Represents the [Kendo UI Badge component for Angular]({% slug overview_badge %}).
+ * Represents the [Kendo UI Badge component for Angular](https://www.telerik.com/kendo-angular-ui/components/indicators/badge).
  * 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.
@@ -33,46 +33,46 @@ export declare class BadgeComponent implements AfterViewInit, OnChanges, OnDestr
      */
     direction: string;
     /**
-     * Specifies the alignment of the Badge ([see example]({% slug alignandposition_badge %}#toc-alignment)).
+     * Specifies the alignment of the Badge ([see example](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/align-and-position#alignment)).
      *
      * @default "{ vertical: 'top', horizontal: 'end' }"
      */
     get align(): BadgeAlign;
     set align(align: BadgeAlign);
     /**
-     * Specifies the size of the Badge ([see example]({% slug appearance_badge %}#toc-size)).
+     * Specifies the size of the Badge ([see example](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#size)).
      *
-     * @default medium
+     * @default undefined
      */
     size: BadgeSize;
     /**
-     * Specifies the appearance fill style of the Badge ([see example]({% slug appearance_badge %}#toc-fill)).
+     * Specifies the appearance fill style of the Badge ([see example](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#fill)).
      *
-     * @default solid
+     * @default undefined
      */
     fill: BadgeFill;
     /**
      * Specifies the theme color of the Badge.
      * The theme color applies as background and border color, while also amending the text color accordingly
-     * ([see example]({% slug appearance_badge %}#toc-theme-color)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#theme-color)).
      *
-     * @default primary
+     * @default undefined
      */
     themeColor: BadgeThemeColor;
     /**
-     * Specifies the roundness of the Badge ([see example]({% slug appearance_badge %}#toc-rounded)).
+     * Specifies the roundness of the Badge ([see example]https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#rounded)).
      *
-     * @default medium
+     * @default undefined
      */
     rounded: BadgeRounded;
     /**
-     * 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 ([see example](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/align-and-position#position)).
      *
      * @default edge
      */
     position: BadgePosition;
     /**
-     * Specifies whether to render additional `cutout` border around the Badge ([see example]({% slug appearance_badge %}#toc-cutout-border)).
+     * Specifies whether to render additional `cutout` border around the Badge ([see example]https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#cutout-border)).
      *
      * @default false
      */

package/badge/models/align.d.ts

@@ -5,7 +5,7 @@
 /**
  * Specifies the horizontal and vertical alignment options for the Badge component.
  *
- * For usage examples, see the [Badge Alignment documentation](slug:alignandposition_badge#toc-alignment).
+ * For usage examples, see the [Badge Alignment documentation](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/align-and-position#alignment).
  */
 export interface BadgeAlign {
     /**

package/badge/models/fill.d.ts

@@ -9,6 +9,6 @@
  * * `solid` (Default)
  * * `outline`
  *
- * For more information, see the [Badge Appearance - Fill]({% slug appearance_badge %}#toc-fill) documentation.
+ * For more information, see the [Badge Appearance - Fill]https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#fill) documentation.
  */
-export type BadgeFill = 'solid' | 'outline' | 'none';
+export type BadgeFill = 'solid' | 'outline';

package/badge/models/position.d.ts

@@ -10,6 +10,6 @@
  * * `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.
+ * For more information, see the [Badge Alignment and Position - Position](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/align-and-position#position) documentation.
  */
 export type BadgePosition = 'edge' | 'outside' | 'inside';

package/badge/models/rounded.d.ts

@@ -12,6 +12,6 @@
  * * `full`—Sets the `border radius` to `9999px`.
  * * `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.
+ * For more information, see the [Badge Appearance - Rounded]https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#rounded) documentation.
  */
 export type BadgeRounded = 'small' | 'medium' | 'large' | 'full' | 'none';

package/badge/models/size.d.ts

@@ -9,8 +9,7 @@
  * * `small`
  * * `medium` (Default)
  * * `large`
- * * `none`
  *
- * For more information, see the [Badge Appearance - Size]({% slug appearance_badge %}#toc-size) documentation.
+ * For more information, see the [Badge Appearance - Size]https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#size) documentation.
  */
-export type BadgeSize = 'small' | 'medium' | 'large' | 'none';
+export type BadgeSize = 'small' | 'medium' | 'large';

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

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 /**
  * 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.
+ * For more details, see the [Badge Appearance - Theme Color]https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#theme-color) documentation.
  *
  * The possible values are:
  * * `primary` (Default)—Applies coloring based on primary theme color.
@@ -18,6 +18,5 @@
  * * `dark`— Applies coloring based on dark theme color.
  * * `light`— Applies coloring based on light theme color.
  * * `inverse`— Applies coloring based on inverted theme color.
- *
  */
-export 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';

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

@@ -83,7 +83,7 @@ const packageMetadata = {
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
     publishDate: 0,
-    version: '22.1.0-develop.8',
+    version: '23.0.0-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -96,10 +96,11 @@ const ROUNDED_CLASSES = {
     'small': 'k-rounded-sm',
     'medium': 'k-rounded-md',
     'large': 'k-rounded-lg',
-    'full': 'k-rounded-full'
+    'full': 'k-rounded-full',
+    'none': 'k-rounded-none'
 };
 /**
- * Represents the [Kendo UI Badge component for Angular]({% slug overview_badge %}).
+ * Represents the [Kendo UI Badge component for Angular](https://www.telerik.com/kendo-angular-ui/components/indicators/badge).
  * 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.
@@ -122,7 +123,7 @@ class BadgeComponent {
      */
     direction;
     /**
-     * Specifies the alignment of the Badge ([see example]({% slug alignandposition_badge %}#toc-alignment)).
+     * Specifies the alignment of the Badge ([see example](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/align-and-position#alignment)).
      *
      * @default "{ vertical: 'top', horizontal: 'end' }"
      */
@@ -133,39 +134,39 @@ class BadgeComponent {
         this.badgeAlign = Object.assign(this.badgeAlign, align);
     }
     /**
-     * Specifies the size of the Badge ([see example]({% slug appearance_badge %}#toc-size)).
+     * Specifies the size of the Badge ([see example](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#size)).
      *
-     * @default medium
+     * @default undefined
      */
-    size = 'medium';
+    size;
     /**
-     * Specifies the appearance fill style of the Badge ([see example]({% slug appearance_badge %}#toc-fill)).
+     * Specifies the appearance fill style of the Badge ([see example](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#fill)).
      *
-     * @default solid
+     * @default undefined
      */
-    fill = 'solid';
+    fill;
     /**
      * Specifies the theme color of the Badge.
      * The theme color applies as background and border color, while also amending the text color accordingly
-     * ([see example]({% slug appearance_badge %}#toc-theme-color)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#theme-color)).
      *
-     * @default primary
+     * @default undefined
      */
-    themeColor = 'primary';
+    themeColor;
     /**
-     * Specifies the roundness of the Badge ([see example]({% slug appearance_badge %}#toc-rounded)).
+     * Specifies the roundness of the Badge ([see example]https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#rounded)).
      *
-     * @default medium
+     * @default undefined
      */
-    rounded = 'medium';
+    rounded;
     /**
-     * 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 ([see example](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/align-and-position#position)).
      *
      * @default edge
      */
     position = 'edge';
     /**
-     * Specifies whether to render additional `cutout` border around the Badge ([see example]({% slug appearance_badge %}#toc-cutout-border)).
+     * Specifies whether to render additional `cutout` border around the Badge ([see example]https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#cutout-border)).
      *
      * @default false
      */
@@ -204,28 +205,16 @@ class BadgeComponent {
         return `k-badge-${this.position}`;
     }
     sizeClass() {
-        if (this.size !== 'none') {
-            return SIZE_CLASSES$1[this.size];
-        }
-        return '';
+        return SIZE_CLASSES$1[this.size];
     }
     roundedClass() {
-        if (this.rounded !== 'none') {
-            return ROUNDED_CLASSES[this.rounded];
-        }
-        return '';
+        return ROUNDED_CLASSES[this.rounded];
     }
     themeColorClass() {
-        if (this.themeColor !== 'none' && this.fill !== 'none') {
-            return `k-badge-${this.fill}-${this.themeColor}`;
-        }
-        return '';
+        return this.themeColor ? `k-badge-${this.themeColor}` : '';
     }
     fillClass() {
-        if (this.fill !== 'none') {
-            return `k-badge-${this.fill}`;
-        }
-        return '';
+        return this.fill ? `k-badge-${this.fill}` : '';
     }
     setBadgeClasses() {
         const element = this.element.nativeElement;
@@ -239,7 +228,7 @@ class BadgeComponent {
             this.roundedClass(),
             this.alignClass(),
             this.positionClass()
-        ];
+        ].filter((className) => className);
         this.badgeClasses.forEach((className) => {
             if (className) {
                 this.renderer.addClass(element, className);
@@ -310,7 +299,7 @@ const TYPE_CLASSES = {
     'converging-spinner': 'k-loader-spinner-4'
 };
 /**
- * Represents the [Kendo UI Loader component for Angular]({% slug overview_loader %}).
+ * Represents the [Kendo UI Loader component for Angular](https://www.telerik.com/kendo-angular-ui/components/indicators/loader).
  * Displays a Loader that represents an indeterminate wait time.
  *
  * Provides configuration options for animation type, theme color, and size.
@@ -340,7 +329,7 @@ class LoaderComponent {
     /**
      * Specifies the theme color of the Loader.
      *
-     * @default primary
+     * @default undefined
      */
     set themeColor(themeColor) {
         this.renderer.removeClass(this.loader, `k-loader-${this.themeColor}`);
@@ -353,7 +342,7 @@ class LoaderComponent {
     /**
      * Specifies the size of the Loader.
      *
-     * @default medium
+     * @default undefined
      */
     set size(size) {
         this.renderer.removeClass(this.loader, SIZE_CLASSES[this.size]);
@@ -364,8 +353,8 @@ class LoaderComponent {
         return this._size;
     }
     _type = 'pulsing';
-    _themeColor = 'primary';
-    _size = 'medium';
+    _themeColor;
+    _size;
     loader;
     constructor(element, renderer) {
         this.element = element;
@@ -384,8 +373,8 @@ class LoaderComponent {
     }
     setLoaderClasses() {
         this.renderer.addClass(this.loader, TYPE_CLASSES[this.type]);
-        this.renderer.addClass(this.loader, `k-loader-${this.themeColor}`);
-        this.renderer.addClass(this.loader, SIZE_CLASSES[this.size]);
+        this.themeColor && this.renderer.addClass(this.loader, `k-loader-${this.themeColor}`);
+        this.size && this.renderer.addClass(this.loader, SIZE_CLASSES[this.size]);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: LoaderComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: LoaderComponent, isStandalone: true, selector: "kendo-loader", inputs: { type: "type", themeColor: "themeColor", size: "size" }, host: { properties: { "class.k-loader": "this.hostClass" } }, ngImport: i0, template: `
@@ -455,7 +444,7 @@ const skeletonShapeError = (input) => `"${input}" is not a valid kendo-skeleton
 const skeletonAnimationError = (input) => `"${input}" is not a valid kendo-skeleton animation. Valid values are: 'pulse' | 'wave' | false.`;
 
 /**
- * Represents the [Kendo UI Skeleton component for Angular]({% slug overview_skeleton %}).
+ * Represents the [Kendo UI Skeleton component for Angular](https://www.telerik.com/kendo-angular-ui/components/indicators/skeleton).
  * Displays a Skeleton placeholder that represents loading content.
  *
  * Provides configuration options for animation, shape, width, and height.

package/loader/loader.component.d.ts

@@ -8,7 +8,7 @@ import { LoaderThemeColor } from './models/theme-color';
 import { LoaderSize } from './models/size';
 import * as i0 from "@angular/core";
 /**
- * Represents the [Kendo UI Loader component for Angular]({% slug overview_loader %}).
+ * Represents the [Kendo UI Loader component for Angular](https://www.telerik.com/kendo-angular-ui/components/indicators/loader).
  * Displays a Loader that represents an indeterminate wait time.
  *
  * Provides configuration options for animation type, theme color, and size.
@@ -32,14 +32,14 @@ export declare class LoaderComponent implements AfterViewInit {
     /**
      * Specifies the theme color of the Loader.
      *
-     * @default primary
+     * @default undefined
      */
     set themeColor(themeColor: LoaderThemeColor);
     get themeColor(): LoaderThemeColor;
     /**
      * Specifies the size of the Loader.
      *
-     * @default medium
+     * @default undefined
      */
     set size(size: LoaderSize);
     get size(): LoaderSize;

package/loader/models/size.d.ts

@@ -10,6 +10,6 @@
  * * `medium` (Default)
  * * `large`
  *
- * For more information, see the [Loader Appearance - Size]({% slug appearance_loader %}#toc-size) documentation.
+ * For more information, see the [Loader Appearance - Size]https://www.telerik.com/kendo-angular-ui/components/indicators/loader/appearance#size) documentation.
  */
 export type LoaderSize = 'small' | 'medium' | 'large';

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

@@ -17,6 +17,6 @@
  * * `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.
+ * For more information, see the [Loader Appearance - Theme Color]https://www.telerik.com/kendo-angular-ui/components/indicators/loader/appearance#theme-color) documentation.
  */
 export type LoaderThemeColor = 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1769420885,
-  "version": "22.1.0-develop.8",
+  "publishDate": 1770286875,
+  "version": "23.0.0-develop.1",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-indicators",
-  "version": "22.1.0-develop.8",
+  "version": "23.0.0-develop.1",
   "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": 1769420885,
+      "publishDate": 1770286875,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -26,15 +26,15 @@
     "@angular/common": "19 - 21",
     "@angular/core": "19 - 21",
     "@angular/platform-browser": "19 - 21",
-    "@progress/kendo-licensing": "^1.7.0",
-    "@progress/kendo-angular-common": "22.1.0-develop.8",
-    "@progress/kendo-angular-intl": "22.1.0-develop.8",
-    "@progress/kendo-angular-l10n": "22.1.0-develop.8",
+    "@progress/kendo-licensing": "^1.10.0",
+    "@progress/kendo-angular-common": "23.0.0-develop.1",
+    "@progress/kendo-angular-intl": "23.0.0-develop.1",
+    "@progress/kendo-angular-l10n": "23.0.0-develop.1",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "22.1.0-develop.8"
+    "@progress/kendo-angular-schematics": "23.0.0-develop.1"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-indicators.mjs",

package/skeleton/skeleton.component.d.ts

@@ -6,7 +6,7 @@ import { Renderer2, ElementRef, AfterViewInit } from "@angular/core";
 import { SkeletonAnimation, SkeletonShape } from "./models";
 import * as i0 from "@angular/core";
 /**
- * Represents the [Kendo UI Skeleton component for Angular]({% slug overview_skeleton %}).
+ * Represents the [Kendo UI Skeleton component for Angular](https://www.telerik.com/kendo-angular-ui/components/indicators/skeleton).
  * Displays a Skeleton placeholder that represents loading content.
  *
  * Provides configuration options for animation, shape, width, and height.