@progress/kendo-angular-gauges 21.4.1-develop.1 → 22.0.0-develop.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-gauges",
-  "version": "21.4.1-develop.1",
+  "version": "22.0.0-develop.1",
   "description": "Kendo UI Angular Gauges",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -17,29 +17,23 @@
     "Progress"
   ],
   "@progress": {
-    "friendlyName": "Gauges",
-    "package": {
-      "productName": "Kendo UI for Angular",
-      "productCode": "KENDOUIANGULAR",
-      "publishDate": 1768386646,
-      "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
-    }
+    "friendlyName": "Gauges"
   },
   "peerDependencies": {
-    "@angular/animations": "18 - 21",
-    "@angular/common": "18 - 21",
-    "@angular/core": "18 - 21",
-    "@angular/platform-browser": "18 - 21",
+    "@angular/animations": "19 - 21",
+    "@angular/common": "19 - 21",
+    "@angular/core": "19 - 21",
+    "@angular/platform-browser": "19 - 21",
     "@progress/kendo-drawing": "^1.23.1",
     "@progress/kendo-licensing": "^1.7.0",
-    "@progress/kendo-angular-common": "21.4.1-develop.1",
-    "@progress/kendo-angular-intl": "21.4.1-develop.1",
-    "@progress/kendo-angular-l10n": "21.4.1-develop.1",
+    "@progress/kendo-angular-common": "22.0.0-develop.1",
+    "@progress/kendo-angular-intl": "22.0.0-develop.1",
+    "@progress/kendo-angular-l10n": "22.0.0-develop.1",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "21.4.1-develop.1",
+    "@progress/kendo-angular-schematics": "22.0.0-develop.1",
     "@progress/kendo-charts": "2.9.0"
   },
   "schematics": "./schematics/collection.json",
@@ -51,8 +45,6 @@
     },
     ".": {
       "types": "./index.d.ts",
-      "esm2022": "./esm2022/progress-kendo-angular-gauges.mjs",
-      "esm": "./esm2022/progress-kendo-angular-gauges.mjs",
       "default": "./fesm2022/progress-kendo-angular-gauges.mjs"
     }
   },

package/esm2022/arc-gauge/arc-center-template.directive.mjs

@@ -1,39 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, TemplateRef, Optional } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Represents a directive that allows customizing the center part of the `<kendo-arcgauge>` component.
- * Use this directive to create a center template
- * ([more information and example]({% slug centertemplate_arcgauge %})).
- *
- * The template context provides access to the current ArcGauge value through the `value` and `color` fields.
- *
- * @example
- * ```html
- * <kendo-arcgauge [value]="value">
- *    <ng-template kendoArcGaugeCenterTemplate let-value="value" let-color="color">
- *         {{ value }}%
- *     </ng-template>
- * </kendo-arcgauge>
- * ```
- */
-export class ArcCenterTemplateDirective {
-    templateRef;
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ArcCenterTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ArcCenterTemplateDirective, isStandalone: true, selector: "[kendoArcGaugeCenterTemplate]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ArcCenterTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoArcGaugeCenterTemplate]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
-                    type: Optional
-                }] }] });

package/esm2022/arc-gauge/arc-gauge.component.mjs

@@ -1,205 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { HostBinding, Component, NgZone, Input, ChangeDetectionStrategy, ContentChild, ViewChild, ElementRef, Renderer2, ChangeDetectorRef } from '@angular/core';
-import { ConfigurationService, ThemeService } from '../services';
-import { IntlService } from '@progress/kendo-angular-intl';
-import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
-import { GaugeComponent } from '../base-components';
-import { ArcCenterTemplateDirective } from './arc-center-template.directive';
-import { ArcGauge } from '@progress/kendo-charts';
-import { drawDOM } from '@progress/kendo-drawing';
-import { ResizeSensorComponent } from '@progress/kendo-angular-common';
-import { NgTemplateOutlet } from '@angular/common';
-import * as i0 from "@angular/core";
-import * as i1 from "../services";
-import * as i2 from "@progress/kendo-angular-intl";
-import * as i3 from "@progress/kendo-angular-l10n";
-/**
- * Represents the [Kendo UI ArcGauge component for Angular]({% slug overview_arcgauge_gauges %}).
- *
- * @example
- * ```ts
- * import { Component } from '@angular/core';
- *
- * @Component({
- *   selector: 'my-app',
- *   template: `
- *      <kendo-arcgauge [value]="value" [scale]="{ max: 100 }">
- *          <ng-template kendoArcGaugeCenterTemplate let-value="value">
- *              {{ value }}%
- *          </ng-template>
- *      </kendo-arcgauge>
- *   `
- * })
- * class AppComponent {
- *   public value: number = 10;
- * }
- * ```
- *
- * @remarks
- * Supported children components are: {@link ArcScaleComponent}, {@link ArcLabelsComponent}, {@link ArcGaugeAreaComponent}, {@link ColorsComponent}.
- */
-export class ArcGaugeComponent extends GaugeComponent {
-    changeDetector;
-    /**
-     * Sets the value of the gauge.
-     */
-    value;
-    /**
-     * Sets the color of the value pointer. Accepts a valid CSS color string, including hex and rgb.
-     */
-    color;
-    /**
-     * Sets the color ranges of the value pointer.
-     */
-    colors;
-    /**
-     * Sets the opacity of the value pointer.
-     */
-    opacity;
-    /**
-     * Sets the scale options of the ArcGauge.
-     */
-    scale;
-    centerTemplate;
-    labelElement;
-    className = true;
-    centerTemplateContext = {};
-    constructor(changeDetector, configurationService, themeService, intlService, localizationService, element, renderer, ngZone) {
-        super(configurationService, themeService, intlService, localizationService, element, renderer, ngZone);
-        this.changeDetector = changeDetector;
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        if (this.element) {
-            this.renderer.setStyle(this.element.nativeElement, 'position', 'relative');
-        }
-    }
-    ngAfterViewChecked() {
-        super.ngAfterViewChecked();
-        if (this.labelElement && !this.centerTemplate) {
-            this.changeDetector.detectChanges();
-        }
-        else if (!this.labelElement && this.centerTemplate) {
-            this.updateCenterTemplate();
-        }
-    }
-    /**
-     * Exports the Gauge as a Drawing `Scene`.
-     *
-     * @returns A promise that resolves with the export visual.
-     */
-    exportVisual() {
-        return drawDOM(this.element.nativeElement);
-    }
-    /**
-     * Detects the size of the container and redraws the Gauge.
-     * Resizing happens automatically unless you set the `resizeRateLimit` option to `0`.
-     */
-    resize() {
-        super.resize();
-        this.updateCenterTemplate();
-    }
-    createInstance(element, options, theme, context) {
-        this.instance = new ArcGauge(element, options, theme, context);
-        this.updateElements();
-    }
-    updateOptions() {
-        super.updateOptions();
-        this.updateElements();
-    }
-    setValues() {
-        const value = this.configurationService.readValue();
-        this.instance.value(value);
-        this.updateCenterTemplate();
-    }
-    updateElements() {
-        this.resizeSensor.acceptSize();
-        this.updateCenterTemplate();
-    }
-    updateCenterTemplate() {
-        if (!this.instance || !this.centerTemplate) {
-            return;
-        }
-        this.centerTemplateContext.value = this.instance.value();
-        this.centerTemplateContext.color = this.instance.currentColor();
-        this.changeDetector.detectChanges();
-        this.positionLabel();
-    }
-    positionLabel() {
-        if (!this.labelElement) {
-            return;
-        }
-        const element = this.labelElement.nativeElement;
-        const width = element.offsetWidth;
-        const height = element.offsetHeight;
-        const position = this.instance.centerLabelPosition(width, height);
-        element.style.top = `${position.top}px`;
-        element.style.left = `${position.left}px`;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ArcGaugeComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.ConfigurationService }, { token: i1.ThemeService }, { token: i2.IntlService }, { token: i3.LocalizationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ArcGaugeComponent, isStandalone: true, selector: "kendo-arcgauge", inputs: { value: "value", color: "color", colors: "colors", opacity: "opacity", scale: "scale" }, host: { properties: { "class.k-arcgauge": "this.className" } }, providers: [
-            ConfigurationService,
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.arcgauge'
-            }
-        ], queries: [{ propertyName: "centerTemplate", first: true, predicate: ArcCenterTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "labelElement", first: true, predicate: ["label"], descendants: true }], exportAs: ["kendoArcGauge"], usesInheritance: true, ngImport: i0, template: `
-    <div #surface class='k-chart-surface'></div>
-    @if (centerTemplate) {
-      <div class="k-arcgauge-label" #label>
-        <ng-template [ngTemplateOutlet]="centerTemplate.templateRef" [ngTemplateOutletContext]="centerTemplateContext"></ng-template>
-      </div>
-    }
-    <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ArcGaugeComponent, decorators: [{
-            type: Component,
-            args: [{
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    exportAs: 'kendoArcGauge',
-                    providers: [
-                        ConfigurationService,
-                        LocalizationService,
-                        {
-                            provide: L10N_PREFIX,
-                            useValue: 'kendo.arcgauge'
-                        }
-                    ],
-                    selector: 'kendo-arcgauge',
-                    template: `
-    <div #surface class='k-chart-surface'></div>
-    @if (centerTemplate) {
-      <div class="k-arcgauge-label" #label>
-        <ng-template [ngTemplateOutlet]="centerTemplate.templateRef" [ngTemplateOutletContext]="centerTemplateContext"></ng-template>
-      </div>
-    }
-    <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
-    `,
-                    standalone: true,
-                    imports: [NgTemplateOutlet, ResizeSensorComponent]
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.ConfigurationService }, { type: i1.ThemeService }, { type: i2.IntlService }, { type: i3.LocalizationService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }], propDecorators: { value: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }], colors: [{
-                type: Input
-            }], opacity: [{
-                type: Input
-            }], scale: [{
-                type: Input
-            }], centerTemplate: [{
-                type: ContentChild,
-                args: [ArcCenterTemplateDirective, { static: false }]
-            }], labelElement: [{
-                type: ViewChild,
-                args: ["label", { static: false }]
-            }], className: [{
-                type: HostBinding,
-                args: ['class.k-arcgauge']
-            }] } });

package/esm2022/arc-gauge/arc-gauge.directives.mjs

@@ -1,11 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export { ArcGaugeComponent } from './arc-gauge.component';
-export { ArcGaugeAreaComponent } from './gauge-area.component';
-export { ArcScaleComponent } from './scale.component';
-export { ArcLabelsComponent } from './labels.component';
-export { ArcCenterTemplateDirective } from './arc-center-template.directive';
-export { ColorsComponent } from './colors.component';
-export { ColorComponent } from './color.component';

package/esm2022/arc-gauge/arc-gauge.module.mjs

@@ -1,50 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { NgModule } from '@angular/core';
-import { KENDO_ARCGAUGE } from '../directives';
-import { ThemeService } from '../services';
-import * as i0 from "@angular/core";
-import * as i1 from "./arc-gauge.component";
-import * as i2 from "./arc-center-template.directive";
-import * as i3 from "./gauge-area.component";
-import * as i4 from "./scale.component";
-import * as i5 from "./labels.component";
-import * as i6 from "./colors.component";
-import * as i7 from "./color.component";
-// IMPORTANT: NgModule export kept for backwards compatibility
-/**
- * Represents the [`NgModule`](link:site.data.urls.angular['ngmodules']) definition that includes the ArcGauge component and its directives.
- * Import the `ArcGaugeModule` into your application
- * [root module](link:site.data.urls.angular['ngmodules']#angular-modularity) or any other sub-module
- * that will use the ArcGauge component.
- *
- * @example
- * ```typescript
- * import { NgModule } from '@angular/core';
- * import { BrowserModule } from '@angular/platform-browser';
- * import { ArcGaugeModule } from '@progress/kendo-angular-gauges';
- * import { AppComponent } from './app.component';
- *
- * @NgModule({
- *     bootstrap:    [AppComponent],
- *     declarations: [AppComponent],
- *     imports:      [BrowserModule, ArcGaugeModule]
- * })
- * export class AppModule { }
- * ```
- */
-export class ArcGaugeModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ArcGaugeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: ArcGaugeModule, imports: [i1.ArcGaugeComponent, i2.ArcCenterTemplateDirective, i3.ArcGaugeAreaComponent, i4.ArcScaleComponent, i5.ArcLabelsComponent, i6.ColorsComponent, i7.ColorComponent], exports: [i1.ArcGaugeComponent, i2.ArcCenterTemplateDirective, i3.ArcGaugeAreaComponent, i4.ArcScaleComponent, i5.ArcLabelsComponent, i6.ColorsComponent, i7.ColorComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ArcGaugeModule, providers: [ThemeService], imports: [i1.ArcGaugeComponent] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ArcGaugeModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [...KENDO_ARCGAUGE],
-                    imports: [...KENDO_ARCGAUGE],
-                    providers: [ThemeService]
-                }]
-        }] });

package/esm2022/arc-gauge/color.component.mjs

@@ -1,75 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component, Input } from '@angular/core';
-import { CollectionChangesService, ConfigurationService } from '../services';
-import { CollectionItemComponent } from '../base-components';
-import * as i0 from "@angular/core";
-import * as i1 from "../services";
-/**
- * Represents the configuration options for an ArcGauge color item.
- *
- * @example
- * ```ts
- * import { Component } from '@angular/core';
- *
- * @Component({
- *     selector: 'my-app',
- *     template: `
- *         <kendo-arcgauge [value]="value">
- *             <kendo-arcgauge-colors>
- *                 <kendo-arcgauge-color
- *                     [from]="0"
- *                     [to]="50"
- *                     color="green">
- *                 </kendo-arcgauge-color>
- *             </kendo-arcgauge-colors>
- *         </kendo-arcgauge>
- *     `
- * })
- * export class AppComponent {
- *     public value: number = 25;
- * }
- * ```
- */
-export class ColorComponent extends CollectionItemComponent {
-    /**
-     * Sets the color of the range. Accepts a valid CSS color string, including hex and rgb.
-     */
-    color;
-    /**
-     * Sets the opacity of the range.
-     */
-    opacity;
-    /**
-     * Sets the start value of the range.
-     */
-    from;
-    /**
-     * Sets the end value of the range.
-     */
-    to;
-    constructor(configurationService, collectionChangesService) {
-        super(configurationService, collectionChangesService);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColorComponent, deps: [{ token: i1.ConfigurationService }, { token: i1.CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ColorComponent, isStandalone: true, selector: "kendo-arcgauge-color", inputs: { color: "color", opacity: "opacity", from: "from", to: "to" }, providers: [ConfigurationService], usesInheritance: true, ngImport: i0, template: '', isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColorComponent, decorators: [{
-            type: Component,
-            args: [{
-                    providers: [ConfigurationService],
-                    selector: 'kendo-arcgauge-color',
-                    template: '',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.ConfigurationService }, { type: i1.CollectionChangesService }], propDecorators: { color: [{
-                type: Input
-            }], opacity: [{
-                type: Input
-            }], from: [{
-                type: Input
-            }], to: [{
-                type: Input
-            }] } });

package/esm2022/arc-gauge/colors.component.mjs

@@ -1,76 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component, ContentChildren, QueryList } from '@angular/core';
-import { CollectionComponent } from '../base-components';
-import { ColorComponent } from './color.component';
-import { CollectionChangesService, ConfigurationService } from '../services';
-import * as i0 from "@angular/core";
-import * as i1 from "../services";
-/**
- * Represents a collection of one or more ArcGauge colors
- * ([more information and example]({% slug colorranges_arcgauge %})).
- *
- * @example
- * ```ts
- * import { Component } from '@angular/core';
- *
- * @Component({
- *     selector: 'my-app',
- *     template: `
- *         <kendo-arcgauge [value]="value">
- *              <kendo-arcgauge-colors>
- *                  @for (item of colors; track item) {
- *                    <kendo-arcgauge-color
- *                      [from]="item.from" [to]="item.to" [color]="item.color">
- *                    </kendo-arcgauge-color>
- *                  }
- *              </kendo-arcgauge-colors>
- *         </kendo-arcgauge>
- *     `
- * })
- * export class AppComponent {
- *     public value: number = 10;
- *
- *     public colors: any[] = [{
- *         to: 25,
- *         color: '#0058e9'
- *     }, {
- *         from: 25,
- *         to: 50,
- *         color: '#37b400'
- *     }, {
- *         from: 50,
- *         to: 75,
- *         color: '#ffc000'
- *     }, {
- *         from: 75,
- *         color: '#f31700'
- *     }];
- * }
- * ```
- *
- * @remarks
- * Supported children components are: {@link ColorComponent}.
- */
-export class ColorsComponent extends CollectionComponent {
-    children;
-    constructor(configurationService, collectionChangesService) {
-        super('colors', configurationService, collectionChangesService);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColorsComponent, deps: [{ token: i1.ConfigurationService }, { token: i1.CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ColorsComponent, isStandalone: true, selector: "kendo-arcgauge-colors", providers: [CollectionChangesService], queries: [{ propertyName: "children", predicate: ColorComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColorsComponent, decorators: [{
-            type: Component,
-            args: [{
-                    providers: [CollectionChangesService],
-                    selector: 'kendo-arcgauge-colors',
-                    template: '',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.ConfigurationService }, { type: i1.CollectionChangesService }], propDecorators: { children: [{
-                type: ContentChildren,
-                args: [ColorComponent]
-            }] } });

package/esm2022/arc-gauge/gauge-area.component.mjs

@@ -1,50 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component } from '@angular/core';
-import { GaugeAreaComponent } from '../base-components';
-import { ConfigurationService } from '../services';
-import * as i0 from "@angular/core";
-import * as i1 from "../services";
-/**
- * Represents the configuration options of the ArcGauge area.
- * Controls the entire visible area of the ArcGauge.
- *
- * @example
- * ```ts
- * import { Component } from '@angular/core';
- *
- * @Component({
- *     selector: 'my-app',
- *     template: `
- *         <kendo-arcgauge [value]="value">
- *             <kendo-arcgauge-area
- *                 background="lightgray"
- *                 [margin]="10">
- *             </kendo-arcgauge-area>
- *         </kendo-arcgauge>
- *     `
- * })
- * export class AppComponent {
- *     public value: number = 40;
- * }
- * ```
- */
-export class ArcGaugeAreaComponent extends GaugeAreaComponent {
-    configurationService;
-    constructor(configurationService) {
-        super('gaugeArea', configurationService);
-        this.configurationService = configurationService;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ArcGaugeAreaComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ArcGaugeAreaComponent, isStandalone: true, selector: "kendo-arcgauge-area", usesInheritance: true, ngImport: i0, template: '', isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ArcGaugeAreaComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-arcgauge-area',
-                    template: '',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.ConfigurationService }] });

package/esm2022/arc-gauge/labels.component.mjs

@@ -1,52 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component } from '@angular/core';
-import { RadialLabelsComponent } from '../radial-gauge/labels.component';
-import { ConfigurationService } from '../services';
-import * as i0 from "@angular/core";
-import * as i1 from "../services";
-/**
- * Represents the configuration options for the scale labels of the ArcGauge.
- *
- * @example
- * ```ts
- * import { Component } from '@angular/core';
- *
- * @Component({
- *     selector: 'my-app',
- *     template: `
- *         <kendo-arcgauge [value]="value">
- *             <kendo-arcgauge-scale>
- *                 <kendo-arcgauge-scale-labels
- *                     color="blue"
- *                     font="12px Arial">
- *                 </kendo-arcgauge-scale-labels>
- *             </kendo-arcgauge-scale>
- *         </kendo-arcgauge>
- *     `
- * })
- * export class AppComponent {
- *     public value: number = 50;
- * }
- * ```
- */
-export class ArcLabelsComponent extends RadialLabelsComponent {
-    configurationService;
-    constructor(configurationService) {
-        super(configurationService);
-        this.configurationService = configurationService;
-        configurationService.set(`${this.key}.visible`, true);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ArcLabelsComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ArcLabelsComponent, isStandalone: true, selector: "kendo-arcgauge-scale-labels", usesInheritance: true, ngImport: i0, template: '', isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ArcLabelsComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-arcgauge-scale-labels',
-                    template: '',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.ConfigurationService }] });