@progress/kendo-angular-progressbar 21.4.1 → 22.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/common/localization/messages.d.ts +1 -1
- package/common/progressbar-base.d.ts +1 -1
- package/fesm2022/progress-kendo-angular-progressbar.mjs +31 -31
- package/package.json +9 -17
- package/esm2022/chunk/chunk-progressbar.component.mjs +0 -192
- package/esm2022/circularprogressbar/center-template.directive.mjs +0 -34
- package/esm2022/circularprogressbar/circular-progressbar.component.mjs +0 -523
- package/esm2022/circularprogressbar/models/center-template-context.interface.mjs +0 -5
- package/esm2022/circularprogressbar/models/circular-progressbar-progress-color-interface.mjs +0 -8
- package/esm2022/common/constants.mjs +0 -16
- package/esm2022/common/localization/custom-messages.component.mjs +0 -68
- package/esm2022/common/localization/localized-messages.directive.mjs +0 -39
- package/esm2022/common/localization/messages.mjs +0 -24
- package/esm2022/common/progressbar-base.mjs +0 -228
- package/esm2022/common/util.mjs +0 -99
- package/esm2022/directives.mjs +0 -85
- package/esm2022/index.mjs +0 -12
- package/esm2022/package-metadata.mjs +0 -16
- package/esm2022/progress-kendo-angular-progressbar.mjs +0 -8
- package/esm2022/progressbar.component.mjs +0 -380
- package/esm2022/progressbar.module.mjs +0 -45
- package/esm2022/types/animation-end-event.mjs +0 -5
- package/esm2022/types/animation-options.interface.mjs +0 -5
- package/esm2022/types/label-fn-type.mjs +0 -5
- package/esm2022/types/label-position.mjs +0 -5
- package/esm2022/types/label-settings.interface.mjs +0 -5
- package/esm2022/types/label-type.mjs +0 -5
- package/esm2022/types/progressbar-animation.interface.mjs +0 -5
- package/esm2022/types/progressbar-orientation.mjs +0 -5
|
@@ -13,5 +13,5 @@ export declare class ProgressBarMessages extends ComponentMessages {
|
|
|
13
13
|
*/
|
|
14
14
|
progressBarLabel: string;
|
|
15
15
|
static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarMessages, never>;
|
|
16
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ProgressBarMessages, never, never, { "progressBarLabel": { "alias": "progressBarLabel"; "required": false; }; }, {}, never, never,
|
|
16
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ProgressBarMessages, never, never, { "progressBarLabel": { "alias": "progressBarLabel"; "required": false; }; }, {}, never, never, true, never>;
|
|
17
17
|
}
|
|
@@ -103,5 +103,5 @@ export declare abstract class ProgressBarBase implements OnChanges {
|
|
|
103
103
|
ngOnChanges(changes: SimpleChanges): void;
|
|
104
104
|
ngOnDestroy(): void;
|
|
105
105
|
static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarBase, never>;
|
|
106
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarBase, "ng-component", never, { "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "value": { "alias": "value"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "reverse": { "alias": "reverse"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; }, {}, never, never,
|
|
106
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarBase, "ng-component", never, { "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "value": { "alias": "value"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "reverse": { "alias": "reverse"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; }, {}, never, never, true, never>;
|
|
107
107
|
}
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import * as i1 from '@progress/kendo-angular-l10n';
|
|
6
6
|
import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
|
|
7
7
|
import * as i0 from '@angular/core';
|
|
8
|
-
import { isDevMode,
|
|
8
|
+
import { isDevMode, Input, HostBinding, Component, Directive, forwardRef, EventEmitter, ViewChild, Output, ContentChild, NgModule } from '@angular/core';
|
|
9
9
|
import { validatePackage } from '@progress/kendo-licensing';
|
|
10
10
|
import { hasObservers, isDocumentAvailable, isChanged, ResizeSensorComponent, ResizeBatchService } from '@progress/kendo-angular-common';
|
|
11
11
|
import { NgStyle, NgClass, NgTemplateOutlet } from '@angular/common';
|
|
@@ -20,8 +20,8 @@ const packageMetadata = {
|
|
|
20
20
|
productName: 'Kendo UI for Angular',
|
|
21
21
|
productCode: 'KENDOUIANGULAR',
|
|
22
22
|
productCodes: ['KENDOUIANGULAR'],
|
|
23
|
-
publishDate:
|
|
24
|
-
version: '
|
|
23
|
+
publishDate: 1768402277,
|
|
24
|
+
version: '22.0.0',
|
|
25
25
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
26
26
|
};
|
|
27
27
|
|
|
@@ -293,10 +293,10 @@ class ProgressBarBase {
|
|
|
293
293
|
this.localizationChangeSubscription.unsubscribe();
|
|
294
294
|
}
|
|
295
295
|
}
|
|
296
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
297
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
296
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProgressBarBase, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
297
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: ProgressBarBase, isStandalone: true, selector: "ng-component", inputs: { max: "max", min: "min", value: "value", orientation: "orientation", disabled: "disabled", reverse: "reverse", indeterminate: "indeterminate" }, host: { properties: { "class.k-progressbar": "this.hostClasses", "class.k-progressbar-horizontal": "this.isHorizontal", "class.k-progressbar-vertical": "this.isVertical", "class.k-disabled": "this.disabledClass", "class.k-progressbar-reverse": "this.reverseClass", "class.k-progressbar-indeterminate": "this.indeterminateClass", "attr.dir": "this.dirAttribute", "attr.role": "this.roleAttribute", "attr.aria-valuemin": "this.ariaMinAttribute", "attr.aria-valuemax": "this.ariaMaxAttribute", "attr.aria-valuenow": "this.ariaValueAttribute" } }, usesOnChanges: true, ngImport: i0, template: '', isInline: true });
|
|
298
298
|
}
|
|
299
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
299
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProgressBarBase, decorators: [{
|
|
300
300
|
type: Component,
|
|
301
301
|
args: [{
|
|
302
302
|
template: ''
|
|
@@ -358,10 +358,10 @@ class ProgressBarMessages extends ComponentMessages {
|
|
|
358
358
|
* The aria-label attribute for the ProgressBar component.
|
|
359
359
|
*/
|
|
360
360
|
progressBarLabel;
|
|
361
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
362
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
361
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProgressBarMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
362
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: ProgressBarMessages, isStandalone: true, inputs: { progressBarLabel: "progressBarLabel" }, usesInheritance: true, ngImport: i0 });
|
|
363
363
|
}
|
|
364
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
364
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProgressBarMessages, decorators: [{
|
|
365
365
|
type: Directive,
|
|
366
366
|
args: [{}]
|
|
367
367
|
}], propDecorators: { progressBarLabel: [{
|
|
@@ -377,15 +377,15 @@ class LocalizedProgressBarMessagesDirective extends ProgressBarMessages {
|
|
|
377
377
|
super();
|
|
378
378
|
this.service = service;
|
|
379
379
|
}
|
|
380
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
381
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
380
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: LocalizedProgressBarMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
381
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: LocalizedProgressBarMessagesDirective, isStandalone: true, selector: "[kendoProgressBarLocalizedMessages]", providers: [
|
|
382
382
|
{
|
|
383
383
|
provide: ProgressBarMessages,
|
|
384
384
|
useExisting: forwardRef(() => LocalizedProgressBarMessagesDirective)
|
|
385
385
|
}
|
|
386
386
|
], usesInheritance: true, ngImport: i0 });
|
|
387
387
|
}
|
|
388
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
388
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: LocalizedProgressBarMessagesDirective, decorators: [{
|
|
389
389
|
type: Directive,
|
|
390
390
|
args: [{
|
|
391
391
|
providers: [
|
|
@@ -642,8 +642,8 @@ class ProgressBarComponent extends ProgressBarBase {
|
|
|
642
642
|
this.isAnimationInProgress = false;
|
|
643
643
|
});
|
|
644
644
|
}
|
|
645
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
646
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
645
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProgressBarComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
646
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: ProgressBarComponent, isStandalone: true, selector: "kendo-progressbar", inputs: { label: "label", progressCssStyle: "progressCssStyle", progressCssClass: "progressCssClass", emptyCssStyle: "emptyCssStyle", emptyCssClass: "emptyCssClass", animation: "animation" }, outputs: { animationEnd: "animationEnd" }, providers: [
|
|
647
647
|
LocalizationService,
|
|
648
648
|
{
|
|
649
649
|
provide: L10N_PREFIX,
|
|
@@ -690,7 +690,7 @@ class ProgressBarComponent extends ProgressBarBase {
|
|
|
690
690
|
</div>
|
|
691
691
|
`, isInline: true, dependencies: [{ kind: "directive", type: LocalizedProgressBarMessagesDirective, selector: "[kendoProgressBarLocalizedMessages]" }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
692
692
|
}
|
|
693
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
693
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProgressBarComponent, decorators: [{
|
|
694
694
|
type: Component,
|
|
695
695
|
args: [{
|
|
696
696
|
exportAs: 'kendoProgressBar',
|
|
@@ -869,8 +869,8 @@ class ChunkProgressBarComponent extends ProgressBarBase {
|
|
|
869
869
|
this.elem = elem;
|
|
870
870
|
this.renderer = renderer;
|
|
871
871
|
}
|
|
872
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
873
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
872
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ChunkProgressBarComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
873
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: ChunkProgressBarComponent, isStandalone: true, selector: "kendo-chunkprogressbar", inputs: { chunkCount: "chunkCount", progressCssStyle: "progressCssStyle", progressCssClass: "progressCssClass", emptyCssStyle: "emptyCssStyle", emptyCssClass: "emptyCssClass" }, host: { properties: { "class.k-chunk-progressbar": "this.chunkClass" } }, providers: [
|
|
874
874
|
LocalizationService,
|
|
875
875
|
{
|
|
876
876
|
provide: L10N_PREFIX,
|
|
@@ -898,7 +898,7 @@ class ChunkProgressBarComponent extends ProgressBarBase {
|
|
|
898
898
|
</ul>
|
|
899
899
|
`, isInline: true, dependencies: [{ kind: "directive", type: LocalizedProgressBarMessagesDirective, selector: "[kendoProgressBarLocalizedMessages]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
900
900
|
}
|
|
901
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
901
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ChunkProgressBarComponent, decorators: [{
|
|
902
902
|
type: Component,
|
|
903
903
|
args: [{
|
|
904
904
|
exportAs: 'kendoChunkProgressBar',
|
|
@@ -967,10 +967,10 @@ class CircularProgressbarCenterTemplateDirective {
|
|
|
967
967
|
constructor(templateRef) {
|
|
968
968
|
this.templateRef = templateRef;
|
|
969
969
|
}
|
|
970
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
971
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
970
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CircularProgressbarCenterTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
971
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: CircularProgressbarCenterTemplateDirective, isStandalone: true, selector: "[kendoCircularProgressbarCenterTemplate]", ngImport: i0 });
|
|
972
972
|
}
|
|
973
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
973
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CircularProgressbarCenterTemplateDirective, decorators: [{
|
|
974
974
|
type: Directive,
|
|
975
975
|
args: [{
|
|
976
976
|
selector: '[kendoCircularProgressbarCenterTemplate]',
|
|
@@ -1369,8 +1369,8 @@ class CircularProgressBarComponent {
|
|
|
1369
1369
|
this.setDirection();
|
|
1370
1370
|
}
|
|
1371
1371
|
}
|
|
1372
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1373
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1372
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CircularProgressBarComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.LocalizationService }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
1373
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: CircularProgressBarComponent, isStandalone: true, selector: "kendo-circularprogressbar", inputs: { value: "value", max: "max", min: "min", animation: "animation", opacity: "opacity", indeterminate: "indeterminate", progressColor: "progressColor" }, outputs: { animationEnd: "animationEnd" }, host: { properties: { "class.k-circular-progressbar": "this.hostClasses", "attr.aria-valuemin": "this.ariaMinAttribute", "attr.aria-valuemax": "this.ariaMaxAttribute", "attr.aria-valuenow": "this.ariaValueAttribute", "attr.role": "this.roleAttribute" } }, providers: [
|
|
1374
1374
|
LocalizationService,
|
|
1375
1375
|
{
|
|
1376
1376
|
provide: L10N_PREFIX,
|
|
@@ -1400,7 +1400,7 @@ class CircularProgressBarComponent {
|
|
|
1400
1400
|
<kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
|
|
1401
1401
|
`, isInline: true, dependencies: [{ kind: "directive", type: LocalizedProgressBarMessagesDirective, selector: "[kendoProgressBarLocalizedMessages]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }] });
|
|
1402
1402
|
}
|
|
1403
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1403
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CircularProgressBarComponent, decorators: [{
|
|
1404
1404
|
type: Component,
|
|
1405
1405
|
args: [{
|
|
1406
1406
|
exportAs: 'kendoCircularProgressBar',
|
|
@@ -1522,15 +1522,15 @@ class ProgressBarCustomMessagesComponent extends ProgressBarMessages {
|
|
|
1522
1522
|
get override() {
|
|
1523
1523
|
return true;
|
|
1524
1524
|
}
|
|
1525
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1526
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1525
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProgressBarCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1526
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: ProgressBarCustomMessagesComponent, isStandalone: true, selector: "kendo-progressbar-messages", providers: [
|
|
1527
1527
|
{
|
|
1528
1528
|
provide: ProgressBarMessages,
|
|
1529
1529
|
useExisting: forwardRef(() => ProgressBarCustomMessagesComponent)
|
|
1530
1530
|
}
|
|
1531
1531
|
], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
|
|
1532
1532
|
}
|
|
1533
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1533
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProgressBarCustomMessagesComponent, decorators: [{
|
|
1534
1534
|
type: Component,
|
|
1535
1535
|
args: [{
|
|
1536
1536
|
providers: [
|
|
@@ -1642,11 +1642,11 @@ const KENDO_PROGRESSBARS = [
|
|
|
1642
1642
|
* ```
|
|
1643
1643
|
*/
|
|
1644
1644
|
class ProgressBarModule {
|
|
1645
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1646
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1647
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1645
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1646
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: ProgressBarModule, imports: [ChunkProgressBarComponent, ProgressBarCustomMessagesComponent, CircularProgressbarCenterTemplateDirective, CircularProgressBarComponent, ProgressBarCustomMessagesComponent, ProgressBarComponent, ProgressBarCustomMessagesComponent], exports: [ChunkProgressBarComponent, ProgressBarCustomMessagesComponent, CircularProgressbarCenterTemplateDirective, CircularProgressBarComponent, ProgressBarCustomMessagesComponent, ProgressBarComponent, ProgressBarCustomMessagesComponent] });
|
|
1647
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProgressBarModule, providers: [ResizeBatchService], imports: [CircularProgressBarComponent] });
|
|
1648
1648
|
}
|
|
1649
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1649
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProgressBarModule, decorators: [{
|
|
1650
1650
|
type: NgModule,
|
|
1651
1651
|
args: [{
|
|
1652
1652
|
exports: [...KENDO_PROGRESSBARS],
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-progressbar",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "22.0.0",
|
|
4
4
|
"description": "Kendo UI Angular component starter template",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -15,27 +15,21 @@
|
|
|
15
15
|
"Progress"
|
|
16
16
|
],
|
|
17
17
|
"@progress": {
|
|
18
|
-
"friendlyName": "ProgressBars"
|
|
19
|
-
"package": {
|
|
20
|
-
"productName": "Kendo UI for Angular",
|
|
21
|
-
"productCode": "KENDOUIANGULAR",
|
|
22
|
-
"publishDate": 1768393047,
|
|
23
|
-
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
24
|
-
}
|
|
18
|
+
"friendlyName": "ProgressBars"
|
|
25
19
|
},
|
|
26
20
|
"peerDependencies": {
|
|
27
|
-
"@angular/animations": "
|
|
28
|
-
"@angular/common": "
|
|
29
|
-
"@angular/core": "
|
|
30
|
-
"@angular/platform-browser": "
|
|
21
|
+
"@angular/animations": "19 - 21",
|
|
22
|
+
"@angular/common": "19 - 21",
|
|
23
|
+
"@angular/core": "19 - 21",
|
|
24
|
+
"@angular/platform-browser": "19 - 21",
|
|
31
25
|
"@progress/kendo-licensing": "^1.7.0",
|
|
32
|
-
"@progress/kendo-angular-common": "
|
|
33
|
-
"@progress/kendo-angular-l10n": "
|
|
26
|
+
"@progress/kendo-angular-common": "22.0.0",
|
|
27
|
+
"@progress/kendo-angular-l10n": "22.0.0",
|
|
34
28
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
35
29
|
},
|
|
36
30
|
"dependencies": {
|
|
37
31
|
"tslib": "^2.3.1",
|
|
38
|
-
"@progress/kendo-angular-schematics": "
|
|
32
|
+
"@progress/kendo-angular-schematics": "22.0.0"
|
|
39
33
|
},
|
|
40
34
|
"schematics": "./schematics/collection.json",
|
|
41
35
|
"module": "fesm2022/progress-kendo-angular-progressbar.mjs",
|
|
@@ -46,8 +40,6 @@
|
|
|
46
40
|
},
|
|
47
41
|
".": {
|
|
48
42
|
"types": "./index.d.ts",
|
|
49
|
-
"esm2022": "./esm2022/progress-kendo-angular-progressbar.mjs",
|
|
50
|
-
"esm": "./esm2022/progress-kendo-angular-progressbar.mjs",
|
|
51
43
|
"default": "./fesm2022/progress-kendo-angular-progressbar.mjs"
|
|
52
44
|
}
|
|
53
45
|
},
|
|
@@ -1,192 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { ProgressBarBase } from '../common/progressbar-base';
|
|
6
|
-
import { Component, ElementRef, HostBinding, Input, Renderer2 } from '@angular/core';
|
|
7
|
-
import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
|
|
8
|
-
import { NgClass, NgStyle } from '@angular/common';
|
|
9
|
-
import { LocalizedProgressBarMessagesDirective } from '../common/localization/localized-messages.directive';
|
|
10
|
-
import * as i0 from "@angular/core";
|
|
11
|
-
import * as i1 from "@progress/kendo-angular-l10n";
|
|
12
|
-
/**
|
|
13
|
-
* Represents the [Kendo UI ChunkProgressBar component for Angular]({% slug overview_chunkprogressbar %}).
|
|
14
|
-
*
|
|
15
|
-
* @example
|
|
16
|
-
* ```typescript
|
|
17
|
-
* import { Component } from '@angular/core';
|
|
18
|
-
*
|
|
19
|
-
* @Component({
|
|
20
|
-
* selector: 'my-app',
|
|
21
|
-
* template: `
|
|
22
|
-
* <kendo-chunkprogressbar
|
|
23
|
-
* [value]="progressValue"
|
|
24
|
-
* [chunkCount]="8">
|
|
25
|
-
* </kendo-chunkprogressbar>
|
|
26
|
-
* `
|
|
27
|
-
* })
|
|
28
|
-
* export class AppComponent {
|
|
29
|
-
* public progressValue: number = 40;
|
|
30
|
-
* }
|
|
31
|
-
* ```
|
|
32
|
-
*
|
|
33
|
-
* @remarks
|
|
34
|
-
* Supported children components are: {@link ProgressBarCustomMessagesComponent}
|
|
35
|
-
*/
|
|
36
|
-
export class ChunkProgressBarComponent extends ProgressBarBase {
|
|
37
|
-
localization;
|
|
38
|
-
elem;
|
|
39
|
-
renderer;
|
|
40
|
-
chunkClass = true;
|
|
41
|
-
/**
|
|
42
|
-
* Sets the number of chunks into which the ChunkProgressBar will be split.
|
|
43
|
-
*
|
|
44
|
-
* @default 5
|
|
45
|
-
*/
|
|
46
|
-
chunkCount = 5;
|
|
47
|
-
/**
|
|
48
|
-
* @hidden
|
|
49
|
-
*/
|
|
50
|
-
get chunks() {
|
|
51
|
-
const count = this.chunkCount;
|
|
52
|
-
const chunks = Array(count).fill(false);
|
|
53
|
-
const completedChunks = Math.floor(this._progressRatio * count);
|
|
54
|
-
for (let i = 0; i < completedChunks; i++) {
|
|
55
|
-
chunks[i] = true;
|
|
56
|
-
}
|
|
57
|
-
return chunks;
|
|
58
|
-
}
|
|
59
|
-
/**
|
|
60
|
-
* Sets the CSS styles that will be rendered on the full chunk elements ([see example]({% slug chunkprogressbar_appearance %})).
|
|
61
|
-
* Supports the type of values that [`ngStyle`](link:site.data.urls.angular['ngstyleapi']) supports.
|
|
62
|
-
*/
|
|
63
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
64
|
-
progressCssStyle;
|
|
65
|
-
/**
|
|
66
|
-
* Sets the CSS classes that will be rendered on the full chunk elements ([see example]({% slug chunkprogressbar_appearance %})).
|
|
67
|
-
* Supports the type of values that [`ngClass`](link:site.data.urls.angular['ngclassapi']) supports.
|
|
68
|
-
*/
|
|
69
|
-
progressCssClass;
|
|
70
|
-
/**
|
|
71
|
-
* Sets the CSS styles that will be rendered on the empty chunk elements ([see example]({% slug chunkprogressbar_appearance %})).
|
|
72
|
-
* Supports the type of values that [`ngStyle`](link:site.data.urls.angular['ngstyleapi']) supports.
|
|
73
|
-
*/
|
|
74
|
-
emptyCssStyle;
|
|
75
|
-
/**
|
|
76
|
-
* Sets the CSS classes that will be rendered on the empty chunk elements ([see example]({% slug chunkprogressbar_appearance %})).
|
|
77
|
-
* Supports the type of values that [`ngClass`](link:site.data.urls.angular['ngclassapi']) supports.
|
|
78
|
-
*/
|
|
79
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
80
|
-
emptyCssClass;
|
|
81
|
-
/**
|
|
82
|
-
* @hidden
|
|
83
|
-
*/
|
|
84
|
-
get chunkSizePercentage() {
|
|
85
|
-
return 100 / this.chunkCount;
|
|
86
|
-
}
|
|
87
|
-
/**
|
|
88
|
-
* @hidden
|
|
89
|
-
*/
|
|
90
|
-
get orientationStyles() {
|
|
91
|
-
if (this.orientation === 'horizontal') {
|
|
92
|
-
this._orientationStyles.width = `${this.chunkSizePercentage}%`;
|
|
93
|
-
this._orientationStyles.height = null;
|
|
94
|
-
}
|
|
95
|
-
else {
|
|
96
|
-
this._orientationStyles.height = `${this.chunkSizePercentage}%`;
|
|
97
|
-
this._orientationStyles.width = null;
|
|
98
|
-
}
|
|
99
|
-
return this._orientationStyles;
|
|
100
|
-
}
|
|
101
|
-
_orientationStyles = {
|
|
102
|
-
width: `${this.chunkSizePercentage}%`,
|
|
103
|
-
height: null
|
|
104
|
-
};
|
|
105
|
-
/**
|
|
106
|
-
* @hidden
|
|
107
|
-
*/
|
|
108
|
-
constructor(localization, elem, renderer) {
|
|
109
|
-
super(elem, renderer, localization);
|
|
110
|
-
this.localization = localization;
|
|
111
|
-
this.elem = elem;
|
|
112
|
-
this.renderer = renderer;
|
|
113
|
-
}
|
|
114
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChunkProgressBarComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
115
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ChunkProgressBarComponent, isStandalone: true, selector: "kendo-chunkprogressbar", inputs: { chunkCount: "chunkCount", progressCssStyle: "progressCssStyle", progressCssClass: "progressCssClass", emptyCssStyle: "emptyCssStyle", emptyCssClass: "emptyCssClass" }, host: { properties: { "class.k-chunk-progressbar": "this.chunkClass" } }, providers: [
|
|
116
|
-
LocalizationService,
|
|
117
|
-
{
|
|
118
|
-
provide: L10N_PREFIX,
|
|
119
|
-
useValue: 'kendo.chunkprogressbar'
|
|
120
|
-
}
|
|
121
|
-
], exportAs: ["kendoChunkProgressBar"], usesInheritance: true, ngImport: i0, template: `
|
|
122
|
-
<ng-container kendoProgressBarLocalizedMessages
|
|
123
|
-
i18n-progressBarLabel="kendo.chunkprogressbar.progressBarLabel|The aria-label attribute for the ChunkProgressBar component."
|
|
124
|
-
progressBarLabel="Chunk progressbar"
|
|
125
|
-
>
|
|
126
|
-
</ng-container>
|
|
127
|
-
<ul class="k-reset k-progressbar-chunks">
|
|
128
|
-
@for (chunk of chunks; track $index; let i = $index) {
|
|
129
|
-
<li class="k-progressbar-chunk"
|
|
130
|
-
[class.k-first]="i === 0"
|
|
131
|
-
[class.k-last]="i === chunkCount - 1"
|
|
132
|
-
[class.k-selected]="chunk"
|
|
133
|
-
[ngClass]="chunk ? progressCssClass : emptyCssClass"
|
|
134
|
-
[ngStyle]="chunk ? progressCssStyle : emptyCssStyle"
|
|
135
|
-
[style.width]="orientationStyles.width"
|
|
136
|
-
[style.height]="orientationStyles.height"
|
|
137
|
-
>
|
|
138
|
-
</li>
|
|
139
|
-
}
|
|
140
|
-
</ul>
|
|
141
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: LocalizedProgressBarMessagesDirective, selector: "[kendoProgressBarLocalizedMessages]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
142
|
-
}
|
|
143
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChunkProgressBarComponent, decorators: [{
|
|
144
|
-
type: Component,
|
|
145
|
-
args: [{
|
|
146
|
-
exportAs: 'kendoChunkProgressBar',
|
|
147
|
-
selector: 'kendo-chunkprogressbar',
|
|
148
|
-
template: `
|
|
149
|
-
<ng-container kendoProgressBarLocalizedMessages
|
|
150
|
-
i18n-progressBarLabel="kendo.chunkprogressbar.progressBarLabel|The aria-label attribute for the ChunkProgressBar component."
|
|
151
|
-
progressBarLabel="Chunk progressbar"
|
|
152
|
-
>
|
|
153
|
-
</ng-container>
|
|
154
|
-
<ul class="k-reset k-progressbar-chunks">
|
|
155
|
-
@for (chunk of chunks; track $index; let i = $index) {
|
|
156
|
-
<li class="k-progressbar-chunk"
|
|
157
|
-
[class.k-first]="i === 0"
|
|
158
|
-
[class.k-last]="i === chunkCount - 1"
|
|
159
|
-
[class.k-selected]="chunk"
|
|
160
|
-
[ngClass]="chunk ? progressCssClass : emptyCssClass"
|
|
161
|
-
[ngStyle]="chunk ? progressCssStyle : emptyCssStyle"
|
|
162
|
-
[style.width]="orientationStyles.width"
|
|
163
|
-
[style.height]="orientationStyles.height"
|
|
164
|
-
>
|
|
165
|
-
</li>
|
|
166
|
-
}
|
|
167
|
-
</ul>
|
|
168
|
-
`,
|
|
169
|
-
providers: [
|
|
170
|
-
LocalizationService,
|
|
171
|
-
{
|
|
172
|
-
provide: L10N_PREFIX,
|
|
173
|
-
useValue: 'kendo.chunkprogressbar'
|
|
174
|
-
}
|
|
175
|
-
],
|
|
176
|
-
standalone: true,
|
|
177
|
-
imports: [LocalizedProgressBarMessagesDirective, NgClass, NgStyle]
|
|
178
|
-
}]
|
|
179
|
-
}], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { chunkClass: [{
|
|
180
|
-
type: HostBinding,
|
|
181
|
-
args: ['class.k-chunk-progressbar']
|
|
182
|
-
}], chunkCount: [{
|
|
183
|
-
type: Input
|
|
184
|
-
}], progressCssStyle: [{
|
|
185
|
-
type: Input
|
|
186
|
-
}], progressCssClass: [{
|
|
187
|
-
type: Input
|
|
188
|
-
}], emptyCssStyle: [{
|
|
189
|
-
type: Input
|
|
190
|
-
}], emptyCssClass: [{
|
|
191
|
-
type: Input
|
|
192
|
-
}] } });
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Directive, TemplateRef } from '@angular/core';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
/**
|
|
8
|
-
* 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.
|
|
9
|
-
* ([see example]({% slug center_template_circularprogressbar %})).
|
|
10
|
-
*
|
|
11
|
-
* @example
|
|
12
|
-
* ```html
|
|
13
|
-
* <kendo-circularprogressbar [value]="75">
|
|
14
|
-
* <ng-template kendoCircularProgressbarCenterTemplate>
|
|
15
|
-
* <span class="custom-center-text">75%</span>
|
|
16
|
-
* </ng-template>
|
|
17
|
-
* </kendo-circularprogressbar>
|
|
18
|
-
* ```
|
|
19
|
-
*/
|
|
20
|
-
export class CircularProgressbarCenterTemplateDirective {
|
|
21
|
-
templateRef;
|
|
22
|
-
constructor(templateRef) {
|
|
23
|
-
this.templateRef = templateRef;
|
|
24
|
-
}
|
|
25
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CircularProgressbarCenterTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
26
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: CircularProgressbarCenterTemplateDirective, isStandalone: true, selector: "[kendoCircularProgressbarCenterTemplate]", ngImport: i0 });
|
|
27
|
-
}
|
|
28
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CircularProgressbarCenterTemplateDirective, decorators: [{
|
|
29
|
-
type: Directive,
|
|
30
|
-
args: [{
|
|
31
|
-
selector: '[kendoCircularProgressbarCenterTemplate]',
|
|
32
|
-
standalone: true
|
|
33
|
-
}]
|
|
34
|
-
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|