@progress/kendo-angular-gauges 4.1.2 → 5.0.0-dev.202204131907

package/{dist/es2015 → esm2015}/arc-gauge/arc-gauge.component.js

@@ -2,16 +2,19 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-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 { HostBinding, Component, Input, ChangeDetectionStrategy, ContentChild, ViewChild } from '@angular/core';
+import { ConfigurationService } from '../services';
 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';
-/* tslint:disable:use-life-cycle-interface */
+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";
+import * as i4 from "@progress/kendo-angular-common";
+import * as i5 from "@angular/common";
 /**
  * Represents the [Kendo UI ArcGauge component for Angular]({% slug overview_arcgauge_gauges %}).
  *
@@ -35,7 +38,7 @@ import { drawDOM } from '@progress/kendo-drawing';
  *
  * ```
  */
-let ArcGaugeComponent = class ArcGaugeComponent extends GaugeComponent {
+export class ArcGaugeComponent extends GaugeComponent {
     constructor(changeDetector, configurationService, themeService, intlService, localizationService, element, renderer, ngZone) {
         super(configurationService, themeService, intlService, localizationService, element, renderer, ngZone);
         this.changeDetector = changeDetector;
@@ -110,70 +113,64 @@ let ArcGaugeComponent = class ArcGaugeComponent extends GaugeComponent {
         element.style.top = `${position.top}px`;
         element.style.left = `${position.left}px`;
     }
-    //tslint:disable-next-line: no-empty
+    //eslint-disable-next-line  no-empty
     updateSize() {
     }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], ArcGaugeComponent.prototype, "value", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], ArcGaugeComponent.prototype, "color", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Array)
-], ArcGaugeComponent.prototype, "colors", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], ArcGaugeComponent.prototype, "opacity", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], ArcGaugeComponent.prototype, "scale", void 0);
-tslib_1.__decorate([
-    ContentChild(ArcCenterTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", ArcCenterTemplateDirective)
-], ArcGaugeComponent.prototype, "centerTemplate", void 0);
-tslib_1.__decorate([
-    ViewChild("label", { static: false }),
-    tslib_1.__metadata("design:type", ElementRef)
-], ArcGaugeComponent.prototype, "labelElement", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-arcgauge'),
-    tslib_1.__metadata("design:type", Boolean)
-], ArcGaugeComponent.prototype, "className", void 0);
-ArcGaugeComponent = tslib_1.__decorate([
-    Component({
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        exportAs: 'kendoArcGauge',
-        providers: [
-            ConfigurationService,
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.arcgauge'
-            }
-        ],
-        selector: 'kendo-arcgauge',
-        template: `
+}
+ArcGaugeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", 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 });
+ArcGaugeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ArcGaugeComponent, 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>
+    <div class="k-arcgauge-label" *ngIf="centerTemplate" #label>
+        <ng-template [ngTemplateOutlet]="centerTemplate.templateRef" [ngTemplateOutletContext]="centerTemplateContext"></ng-template>
+    </div>
+    <kendo-resize-sensor (resize)="onResize($event)" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
+  `, isInline: true, components: [{ type: i4.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", 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>
     <div class="k-arcgauge-label" *ngIf="centerTemplate" #label>
         <ng-template [ngTemplateOutlet]="centerTemplate.templateRef" [ngTemplateOutletContext]="centerTemplateContext"></ng-template>
     </div>
     <kendo-resize-sensor (resize)="onResize($event)" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
   `
-    }),
-    tslib_1.__metadata("design:paramtypes", [ChangeDetectorRef,
-        ConfigurationService,
-        ThemeService,
-        IntlService,
-        LocalizationService,
-        ElementRef,
-        Renderer2,
-        NgZone])
-], ArcGaugeComponent);
-export { ArcGaugeComponent };
+                }]
+        }], ctorParameters: function () { return [{ 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/{dist/es2015 → esm2015}/arc-gauge/arc-gauge.module.js

@@ -2,7 +2,6 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { SharedModule } from '../shared.module';
@@ -13,6 +12,7 @@ import { ArcLabelsComponent } from './labels.component';
 import { ArcCenterTemplateDirective } from './arc-center-template.directive';
 import { ColorsComponent } from './colors.component';
 import { ColorComponent } from './color.component';
+import * as i0 from "@angular/core";
 const DIRECTIVES = [ArcGaugeComponent, ArcCenterTemplateDirective, ArcGaugeAreaComponent, ArcScaleComponent, ArcLabelsComponent,
     ColorsComponent, ColorComponent];
 /**
@@ -37,13 +37,18 @@ const DIRECTIVES = [ArcGaugeComponent, ArcCenterTemplateDirective, ArcGaugeAreaC
  * }
  * ```
  */
-let ArcGaugeModule = class ArcGaugeModule {
-};
-ArcGaugeModule = tslib_1.__decorate([
-    NgModule({
-        declarations: [DIRECTIVES],
-        exports: [DIRECTIVES],
-        imports: [SharedModule, CommonModule]
-    })
-], ArcGaugeModule);
-export { ArcGaugeModule };
+export class ArcGaugeModule {
+}
+ArcGaugeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ArcGaugeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ArcGaugeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ArcGaugeModule, declarations: [ArcGaugeComponent, ArcCenterTemplateDirective, ArcGaugeAreaComponent, ArcScaleComponent, ArcLabelsComponent,
+        ColorsComponent, ColorComponent], imports: [SharedModule, CommonModule], exports: [ArcGaugeComponent, ArcCenterTemplateDirective, ArcGaugeAreaComponent, ArcScaleComponent, ArcLabelsComponent,
+        ColorsComponent, ColorComponent] });
+ArcGaugeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ArcGaugeModule, imports: [[SharedModule, CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ArcGaugeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [DIRECTIVES],
+                    exports: [DIRECTIVES],
+                    imports: [SharedModule, CommonModule]
+                }]
+        }] });

package/esm2015/arc-gauge/color.component.js

@@ -0,0 +1,35 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 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 { ConfigurationService } from '../services';
+import { CollectionItemComponent } from '../base-components';
+import * as i0 from "@angular/core";
+import * as i1 from "../services";
+/**
+ * The configuration options for an ArcGauge color item.
+ */
+export class ColorComponent extends CollectionItemComponent {
+    constructor(configurationService, collectionChangesService) {
+        super(configurationService, collectionChangesService);
+    }
+}
+ColorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ColorComponent, deps: [{ token: i1.ConfigurationService }, { token: i1.CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
+ColorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ColorComponent, 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: "12.2.16", ngImport: i0, type: ColorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [ConfigurationService],
+                    selector: 'kendo-arcgauge-color',
+                    template: ''
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ConfigurationService }, { type: i1.CollectionChangesService }]; }, propDecorators: { color: [{
+                type: Input
+            }], opacity: [{
+                type: Input
+            }], from: [{
+                type: Input
+            }], to: [{
+                type: Input
+            }] } });

package/{dist/es2015 → esm2015}/arc-gauge/colors.component.js

@@ -2,11 +2,12 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, ContentChildren, QueryList } from '@angular/core';
+import { Component, ContentChildren } from '@angular/core';
 import { CollectionComponent } from '../base-components';
 import { ColorComponent } from './color.component';
-import { CollectionChangesService, ConfigurationService } from '../services';
+import { CollectionChangesService } from '../services';
+import * as i0 from "@angular/core";
+import * as i1 from "../services";
 /**
  * A collection of one or more ArcGauge colors
  * ([more information and example]({% slug colorranges_arcgauge %})).
@@ -49,22 +50,21 @@ import { CollectionChangesService, ConfigurationService } from '../services';
  *
  * ```
  */
-let ColorsComponent = class ColorsComponent extends CollectionComponent {
+export class ColorsComponent extends CollectionComponent {
     constructor(configurationService, collectionChangesService) {
         super('colors', configurationService, collectionChangesService);
     }
-};
-tslib_1.__decorate([
-    ContentChildren(ColorComponent),
-    tslib_1.__metadata("design:type", QueryList)
-], ColorsComponent.prototype, "children", void 0);
-ColorsComponent = tslib_1.__decorate([
-    Component({
-        providers: [CollectionChangesService],
-        selector: 'kendo-arcgauge-colors',
-        template: ''
-    }),
-    tslib_1.__metadata("design:paramtypes", [ConfigurationService,
-        CollectionChangesService])
-], ColorsComponent);
-export { ColorsComponent };
+}
+ColorsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ColorsComponent, deps: [{ token: i1.ConfigurationService }, { token: i1.CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
+ColorsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ColorsComponent, 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: "12.2.16", ngImport: i0, type: ColorsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [CollectionChangesService],
+                    selector: 'kendo-arcgauge-colors',
+                    template: ''
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ConfigurationService }, { type: i1.CollectionChangesService }]; }, propDecorators: { children: [{
+                type: ContentChildren,
+                args: [ColorComponent]
+            }] } });

package/esm2015/arc-gauge/gauge-area.component.js

@@ -0,0 +1,27 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 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 * as i0 from "@angular/core";
+import * as i1 from "../services";
+/**
+ * The configuration options of the ArcGauge area.
+ * Represents the entire visible area of the ArcGauge.
+ */
+export class ArcGaugeAreaComponent extends GaugeAreaComponent {
+    constructor(configurationService) {
+        super('gaugeArea', configurationService);
+        this.configurationService = configurationService;
+    }
+}
+ArcGaugeAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ArcGaugeAreaComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+ArcGaugeAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ArcGaugeAreaComponent, selector: "kendo-arcgauge-area", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ArcGaugeAreaComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-arcgauge-area',
+                    template: ''
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ConfigurationService }]; } });

package/esm2015/arc-gauge/labels.component.js

@@ -0,0 +1,27 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 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 * as i0 from "@angular/core";
+import * as i1 from "../services";
+/**
+ * The configuration options for the scale labels of the ArcGauge.
+ */
+export class ArcLabelsComponent extends RadialLabelsComponent {
+    constructor(configurationService) {
+        super(configurationService);
+        this.configurationService = configurationService;
+        configurationService.set(`${this.key}.visible`, true);
+    }
+}
+ArcLabelsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ArcLabelsComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+ArcLabelsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ArcLabelsComponent, selector: "kendo-arcgauge-scale-labels", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ArcLabelsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-arcgauge-scale-labels',
+                    template: ''
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ConfigurationService }]; } });

package/esm2015/arc-gauge/scale.component.js

@@ -0,0 +1,37 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Input, Component } from '@angular/core';
+import { ScaleComponent } from '../base-components';
+import * as i0 from "@angular/core";
+import * as i1 from "../services";
+/**
+ * The configuration options for the scale of the ArcGauge
+ * ([see example]({% slug scaleoptions_arcgauge %})).
+ */
+export class ArcScaleComponent extends ScaleComponent {
+    constructor(configurationService) {
+        super('scale', configurationService);
+        this.configurationService = configurationService;
+    }
+}
+ArcScaleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ArcScaleComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+ArcScaleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ArcScaleComponent, selector: "kendo-arcgauge-scale", inputs: { labels: "labels", rangeDistance: "rangeDistance", rangeLineCap: "rangeLineCap", startAngle: "startAngle", endAngle: "endAngle" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ArcScaleComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-arcgauge-scale',
+                    template: ''
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ConfigurationService }]; }, propDecorators: { labels: [{
+                type: Input
+            }], rangeDistance: [{
+                type: Input
+            }], rangeLineCap: [{
+                type: Input
+            }], startAngle: [{
+                type: Input
+            }], endAngle: [{
+                type: Input
+            }] } });

package/esm2015/base-components/collection-item.component.js

@@ -0,0 +1,25 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../services";
+/**
+ * @hidden
+ */
+export class CollectionItemComponent {
+    constructor(configurationService, collectionChangesService) {
+        this.configurationService = configurationService;
+        this.collectionChangesService = collectionChangesService;
+    }
+    ngOnChanges(changes) {
+        this.configurationService.copyChanges('', changes);
+        this.collectionChangesService.hasChanges = true;
+    }
+}
+CollectionItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CollectionItemComponent, deps: [{ token: i1.ConfigurationService }, { token: i1.CollectionChangesService }], target: i0.ɵɵFactoryTarget.Directive });
+CollectionItemComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: CollectionItemComponent, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CollectionItemComponent, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: i1.ConfigurationService }, { type: i1.CollectionChangesService }]; } });

package/{dist/es2015 → esm2015}/base-components/collection.component.js

@@ -2,6 +2,9 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../services";
 /**
  * @hidden
  */
@@ -28,3 +31,8 @@ export class CollectionComponent {
         return this.children.map(child => Object.assign({}, child.configurationService.read()));
     }
 }
+CollectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CollectionComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+CollectionComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: CollectionComponent, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CollectionComponent, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: undefined }, { type: i1.ConfigurationService }, { type: i1.CollectionChangesService }]; } });

package/esm2015/base-components/gauge-area.component.js

@@ -0,0 +1,27 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Input } from '@angular/core';
+import { SettingsComponent } from './settings.component';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class GaugeAreaComponent extends SettingsComponent {
+}
+GaugeAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GaugeAreaComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+GaugeAreaComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: GaugeAreaComponent, inputs: { background: "background", border: "border", height: "height", margin: "margin", width: "width" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GaugeAreaComponent, decorators: [{
+            type: Directive
+        }], propDecorators: { background: [{
+                type: Input
+            }], border: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], margin: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }] } });

package/{dist/es2015 → esm2015}/base-components/gauge.component.js

@@ -2,12 +2,15 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { HostBinding, Input, ViewChild, ElementRef } from '@angular/core';
+import { HostBinding, Input, ViewChild, Directive } from '@angular/core';
 import { exportSVG, exportImage } from '@progress/kendo-drawing';
 import { ResizeSensorComponent } from '@progress/kendo-angular-common';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
+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";
 const inDocument = (element) => {
     let node = element;
     while (node && node !== document.body) {
@@ -15,7 +18,6 @@ const inDocument = (element) => {
     }
     return Boolean(node);
 };
-const ɵ0 = inDocument;
 /**
  * @hidden
  */
@@ -193,36 +195,27 @@ export class GaugeComponent {
         return Boolean(this.localizationService.rtl);
     }
 }
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], GaugeComponent.prototype, "gaugeArea", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], GaugeComponent.prototype, "renderAs", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], GaugeComponent.prototype, "resizeRateLimit", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], GaugeComponent.prototype, "scale", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], GaugeComponent.prototype, "transitions", void 0);
-tslib_1.__decorate([
-    ViewChild('surface', { static: true }),
-    tslib_1.__metadata("design:type", ElementRef)
-], GaugeComponent.prototype, "surfaceElement", void 0);
-tslib_1.__decorate([
-    ViewChild(ResizeSensorComponent, { static: true }),
-    tslib_1.__metadata("design:type", ResizeSensorComponent)
-], GaugeComponent.prototype, "resizeSensor", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-gauge'),
-    tslib_1.__metadata("design:type", Boolean)
-], GaugeComponent.prototype, "className", void 0);
-export { ɵ0 };
+GaugeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GaugeComponent, deps: [{ token: i1.ConfigurationService }, { token: i1.ThemeService }, { token: i2.IntlService }, { token: i3.LocalizationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+GaugeComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: GaugeComponent, inputs: { gaugeArea: "gaugeArea", renderAs: "renderAs", resizeRateLimit: "resizeRateLimit", scale: "scale", transitions: "transitions" }, host: { properties: { "class.k-gauge": "this.className" } }, viewQueries: [{ propertyName: "surfaceElement", first: true, predicate: ["surface"], descendants: true, static: true }, { propertyName: "resizeSensor", first: true, predicate: ResizeSensorComponent, descendants: true, static: true }], usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GaugeComponent, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: i1.ConfigurationService }, { type: i1.ThemeService }, { type: i2.IntlService }, { type: i3.LocalizationService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { gaugeArea: [{
+                type: Input
+            }], renderAs: [{
+                type: Input
+            }], resizeRateLimit: [{
+                type: Input
+            }], scale: [{
+                type: Input
+            }], transitions: [{
+                type: Input
+            }], surfaceElement: [{
+                type: ViewChild,
+                args: ['surface', { static: true }]
+            }], resizeSensor: [{
+                type: ViewChild,
+                args: [ResizeSensorComponent, { static: true }]
+            }], className: [{
+                type: HostBinding,
+                args: ['class.k-gauge']
+            }] } });

package/esm2015/base-components/labels.component.js

@@ -0,0 +1,35 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Input } from '@angular/core';
+import { SettingsComponent } from './settings.component';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class LabelsComponent extends SettingsComponent {
+}
+LabelsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LabelsComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+LabelsComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: LabelsComponent, inputs: { background: "background", border: "border", color: "color", font: "font", format: "format", margin: "margin", padding: "padding", content: "content", visible: "visible" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LabelsComponent, decorators: [{
+            type: Directive
+        }], propDecorators: { background: [{
+                type: Input
+            }], border: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], font: [{
+                type: Input
+            }], format: [{
+                type: Input
+            }], margin: [{
+                type: Input
+            }], padding: [{
+                type: Input
+            }], content: [{
+                type: Input
+            }], visible: [{
+                type: Input
+            }] } });

package/esm2015/base-components/range.component.js

@@ -0,0 +1,25 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Input } from '@angular/core';
+import { CollectionItemComponent } from './collection-item.component';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class RangeComponent extends CollectionItemComponent {
+}
+RangeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: RangeComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+RangeComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: RangeComponent, inputs: { from: "from", to: "to", opacity: "opacity", color: "color" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: RangeComponent, decorators: [{
+            type: Directive
+        }], propDecorators: { from: [{
+                type: Input
+            }], to: [{
+                type: Input
+            }], opacity: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }] } });