@progress/kendo-angular-indicators 1.1.2 → 2.0.0-dev.202204131830
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/{dist/es2015/badge → badge}/badge-container.component.d.ts +3 -0
- package/{dist/es2015/badge → badge}/badge.component.d.ts +6 -2
- package/{dist/es2015/badge → badge}/models/align.d.ts +0 -0
- package/{dist/es2015/badge → badge}/models/fill.d.ts +0 -0
- package/{dist/es2015/badge → badge}/models/position.d.ts +0 -0
- package/{dist/es2015/badge → badge}/models/shape.d.ts +0 -0
- package/{dist/es2015/badge → badge}/models/size.d.ts +0 -0
- package/{dist/es2015/badge → badge}/models/theme-color.d.ts +0 -0
- package/badge.module.d.ts +17 -0
- package/bundles/kendo-angular-indicators.umd.js +5 -0
- package/esm2015/badge/badge-container.component.js +52 -0
- package/{dist/es2015 → esm2015}/badge/badge.component.js +50 -63
- package/{dist/es → esm2015}/badge/models/align.js +1 -0
- package/{dist/es2015 → esm2015}/badge/models/fill.js +1 -0
- package/{dist/es2015 → esm2015}/badge/models/position.js +1 -0
- package/{dist/es2015 → esm2015}/badge/models/shape.js +1 -0
- package/{dist/es → esm2015}/badge/models/size.js +1 -0
- package/{dist/es → esm2015}/badge/models/theme-color.js +1 -0
- package/esm2015/badge.module.js +35 -0
- package/{dist/es → esm2015}/indicators.module.js +20 -16
- package/{dist/es/index.js → esm2015/kendo-angular-indicators.js} +0 -1
- package/{dist/es2015 → esm2015}/loader/loader.component.js +27 -32
- package/{dist/es → esm2015}/loader/models/size.js +1 -0
- package/{dist/es → esm2015}/loader/models/theme-color.js +1 -0
- package/{dist/es → esm2015}/loader/models/type.js +1 -0
- package/esm2015/loader.module.js +31 -0
- package/{dist/es → esm2015}/main.js +1 -0
- package/{dist/es2015 → esm2015}/package-metadata.js +1 -1
- package/{dist/es2015 → esm2015}/skeleton/constants.js +0 -0
- package/{dist/es2015 → esm2015}/skeleton/models.js +0 -0
- package/{dist/es2015 → esm2015}/skeleton/skeleton.component.js +22 -33
- package/esm2015/skeleton.module.js +25 -0
- package/{dist/fesm2015/index.js → fesm2015/kendo-angular-indicators.js} +206 -203
- package/{dist/es2015/indicators.module.d.ts → indicators.module.d.ts} +7 -0
- package/{dist/es2015/index.d.ts → kendo-angular-indicators.d.ts} +1 -1
- package/{dist/es2015/loader → loader}/loader.component.d.ts +10 -4
- package/{dist/es2015/loader → loader}/models/size.d.ts +0 -0
- package/{dist/es2015/loader → loader}/models/theme-color.d.ts +0 -0
- package/{dist/es2015/loader → loader}/models/type.d.ts +0 -0
- package/{dist/es2015/loader.module.d.ts → loader.module.d.ts} +6 -0
- package/{dist/es2015/main.d.ts → main.d.ts} +1 -0
- package/{dist/es2015/package-metadata.d.ts → package-metadata.d.ts} +0 -0
- package/package.json +34 -102
- package/schematics/ngAdd/index.js +5 -2
- package/schematics/ngAdd/index.js.map +1 -1
- package/{dist/es2015/skeleton → skeleton}/constants.d.ts +0 -0
- package/{dist/es2015/skeleton → skeleton}/models.d.ts +0 -0
- package/{dist/es2015/skeleton → skeleton}/skeleton.component.d.ts +9 -4
- package/{dist/es2015/skeleton.module.d.ts → skeleton.module.d.ts} +6 -0
- package/dist/cdn/js/kendo-angular-indicators.js +0 -20
- package/dist/cdn/main.js +0 -5
- package/dist/es/badge/badge-container.component.js +0 -49
- package/dist/es/badge/badge.component.js +0 -241
- package/dist/es/badge/models/fill.js +0 -4
- package/dist/es/badge/models/position.js +0 -4
- package/dist/es/badge/models/shape.js +0 -4
- package/dist/es/badge.module.js +0 -31
- package/dist/es/loader/loader.component.js +0 -155
- package/dist/es/loader.module.js +0 -29
- package/dist/es/package-metadata.js +0 -15
- package/dist/es/skeleton/constants.js +0 -28
- package/dist/es/skeleton/models.js +0 -12
- package/dist/es/skeleton/skeleton.component.js +0 -134
- package/dist/es/skeleton.module.js +0 -25
- package/dist/es2015/badge/badge-container.component.js +0 -46
- package/dist/es2015/badge/models/align.js +0 -4
- package/dist/es2015/badge/models/size.js +0 -4
- package/dist/es2015/badge/models/theme-color.js +0 -4
- package/dist/es2015/badge.module.d.ts +0 -10
- package/dist/es2015/badge.module.js +0 -30
- package/dist/es2015/index.js +0 -9
- package/dist/es2015/index.metadata.json +0 -1
- package/dist/es2015/indicators.module.js +0 -52
- package/dist/es2015/loader/models/size.js +0 -4
- package/dist/es2015/loader/models/theme-color.js +0 -4
- package/dist/es2015/loader/models/type.js +0 -4
- package/dist/es2015/loader.module.js +0 -28
- package/dist/es2015/main.js +0 -11
- package/dist/es2015/skeleton.module.js +0 -22
- package/dist/fesm5/index.js +0 -713
- package/dist/npm/badge/badge-container.component.js +0 -51
- package/dist/npm/badge/badge.component.js +0 -243
- package/dist/npm/badge/models/align.js +0 -6
- package/dist/npm/badge/models/fill.js +0 -6
- package/dist/npm/badge/models/position.js +0 -6
- package/dist/npm/badge/models/shape.js +0 -6
- package/dist/npm/badge/models/size.js +0 -6
- package/dist/npm/badge/models/theme-color.js +0 -6
- package/dist/npm/badge.module.js +0 -33
- package/dist/npm/index.js +0 -13
- package/dist/npm/indicators.module.js +0 -57
- package/dist/npm/loader/loader.component.js +0 -157
- package/dist/npm/loader/models/size.js +0 -6
- package/dist/npm/loader/models/theme-color.js +0 -6
- package/dist/npm/loader/models/type.js +0 -6
- package/dist/npm/loader.module.js +0 -31
- package/dist/npm/main.js +0 -20
- package/dist/npm/package-metadata.js +0 -17
- package/dist/npm/skeleton/constants.js +0 -30
- package/dist/npm/skeleton/models.js +0 -14
- package/dist/npm/skeleton/skeleton.component.js +0 -136
- package/dist/npm/skeleton.module.js +0 -27
- package/dist/systemjs/kendo-angular-indicators.js +0 -5
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { OnDestroy } from '@angular/core';
|
|
6
6
|
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
7
8
|
export declare class BadgeContainerComponent implements OnDestroy {
|
|
8
9
|
private localizationService;
|
|
9
10
|
hostClass: boolean;
|
|
@@ -15,4 +16,6 @@ export declare class BadgeContainerComponent implements OnDestroy {
|
|
|
15
16
|
private rtl;
|
|
16
17
|
constructor(localizationService: LocalizationService);
|
|
17
18
|
ngOnDestroy(): void;
|
|
19
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BadgeContainerComponent, never>;
|
|
20
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BadgeContainerComponent, "kendo-badge-container", never, {}, {}, never, ["*"]>;
|
|
18
21
|
}
|
|
@@ -10,6 +10,7 @@ import { BadgeFill } from './models/fill';
|
|
|
10
10
|
import { BadgeThemeColor } from './models/theme-color';
|
|
11
11
|
import { BadgeShape } from './models/shape';
|
|
12
12
|
import { BadgePosition } from './models/position';
|
|
13
|
+
import * as i0 from "@angular/core";
|
|
13
14
|
/**
|
|
14
15
|
* Represents the [Kendo UI Badge component for Angular]({% slug overview_badge %}).
|
|
15
16
|
* Used to display additional information or status that is related to an element.
|
|
@@ -19,7 +20,7 @@ export declare class BadgeComponent implements AfterViewInit, OnChanges, OnDestr
|
|
|
19
20
|
private renderer;
|
|
20
21
|
private localizationService;
|
|
21
22
|
hostClass: boolean;
|
|
22
|
-
|
|
23
|
+
get cutoutBorderClass(): boolean;
|
|
23
24
|
/**
|
|
24
25
|
* @hidden
|
|
25
26
|
*/
|
|
@@ -34,7 +35,8 @@ export declare class BadgeComponent implements AfterViewInit, OnChanges, OnDestr
|
|
|
34
35
|
* * `{ vertical: 'bottom', horizontal: 'end' }`
|
|
35
36
|
*
|
|
36
37
|
*/
|
|
37
|
-
align: BadgeAlign;
|
|
38
|
+
get align(): BadgeAlign;
|
|
39
|
+
set align(align: BadgeAlign);
|
|
38
40
|
/**
|
|
39
41
|
* Specifies the size of the Badge.
|
|
40
42
|
*
|
|
@@ -119,4 +121,6 @@ export declare class BadgeComponent implements AfterViewInit, OnChanges, OnDestr
|
|
|
119
121
|
private themeColorClass;
|
|
120
122
|
private fillClass;
|
|
121
123
|
private setBadgeClasses;
|
|
124
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
|
|
125
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "kendo-badge", never, { "align": "align"; "size": "size"; "fill": "fill"; "themeColor": "themeColor"; "shape": "shape"; "position": "position"; "cutoutBorder": "cutoutBorder"; }, {}, never, ["*"]>;
|
|
122
126
|
}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "./badge/badge.component";
|
|
7
|
+
import * as i2 from "./badge/badge-container.component";
|
|
8
|
+
import * as i3 from "@angular/common";
|
|
9
|
+
/**
|
|
10
|
+
* Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
|
|
11
|
+
* definition for the Badge component.
|
|
12
|
+
*/
|
|
13
|
+
export declare class BadgeModule {
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BadgeModule, never>;
|
|
15
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<BadgeModule, [typeof i1.BadgeComponent, typeof i2.BadgeContainerComponent], [typeof i3.CommonModule], [typeof i1.BadgeComponent, typeof i2.BadgeContainerComponent]>;
|
|
16
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<BadgeModule>;
|
|
17
|
+
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@progress/kendo-angular-l10n"),require("@progress/kendo-licensing"),require("@angular/common")):"function"==typeof define&&define.amd?define("KendoAngularIndicators",["exports","@angular/core","@progress/kendo-angular-l10n","@progress/kendo-licensing","@angular/common"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoAngularIndicators={},e.ng.core,e.KendoAngularL10N,e.KendoLicensing,e.ng.common)}(this,function(e,t,n,r,o){"use strict";function i(n){if(n&&n.__esModule)return n;var o=Object.create(null);return n&&Object.keys(n).forEach(function(e){var t;"default"!==e&&(t=Object.getOwnPropertyDescriptor(n,e),Object.defineProperty(o,e,t.get?t:{enumerable:!0,get:function(){return n[e]}}))}),o.default=n,Object.freeze(o)}var s=i(t),a=i(n),l=i(o),p={name:"@progress/kendo-angular-indicators",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1649874625,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"},c={small:"k-badge-sm",medium:"k-badge-md",large:"k-badge-lg"},d=(Object.defineProperty(g.prototype,"cutoutBorderClass",{get:function(){return this.cutoutBorder},enumerable:!1,configurable:!0}),Object.defineProperty(g.prototype,"align",{get:function(){return this.badgeAlign},set:function(e){this.badgeAlign=Object.assign(this.badgeAlign,e)},enumerable:!1,configurable:!0}),g.prototype.ngAfterViewInit=function(){this.badgeClasses.length||this.setBadgeClasses()},g.prototype.ngOnChanges=function(){this.setBadgeClasses()},g.prototype.ngOnDestroy=function(){this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe()},g.prototype.alignClass=function(){return"k-"+this.badgeAlign.vertical+"-"+this.badgeAlign.horizontal},g.prototype.positionClass=function(){return"k-badge-"+this.position},g.prototype.sizeClass=function(){return c[this.size]},g.prototype.shapeClass=function(){return"k-badge-"+this.shape},g.prototype.themeColorClass=function(){return"k-badge-"+this.themeColor},g.prototype.fillClass=function(){return"k-badge-"+this.fill},g.prototype.setBadgeClasses=function(){var t=this,n=this.element.nativeElement;this.badgeClasses.forEach(function(e){t.renderer.removeClass(n,e)}),this.badgeClasses=[this.themeColorClass(),this.fillClass(),this.sizeClass(),this.shapeClass(),this.alignClass(),this.positionClass()],this.badgeClasses.forEach(function(e){t.renderer.addClass(n,e)})},g);function g(e,t,n){var o=this;this.element=e,this.renderer=t,this.localizationService=n,this.hostClass=!0,this.size="medium",this.fill="solid",this.themeColor="primary",this.shape="circle",this.position="edge",this.cutoutBorder=!1,this.badgeClasses=[],this.badgeAlign={vertical:"top",horizontal:"end"},this.rtl=!1,r.validatePackage(p),this.dynamicRTLSubscription=this.localizationService.changes.subscribe(function(e){e=e.rtl;o.rtl=e,o.direction=o.rtl?"rtl":"ltr"})}d.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:d,deps:[{token:s.ElementRef},{token:s.Renderer2},{token:a.LocalizationService}],target:s.ɵɵFactoryTarget.Component}),d.ɵcmp=s.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:d,selector:"kendo-badge",inputs:{align:"align",size:"size",fill:"fill",themeColor:"themeColor",shape:"shape",position:"position",cutoutBorder:"cutoutBorder"},host:{properties:{"class.k-badge":"this.hostClass","class.k-badge-border-cutout":"this.cutoutBorderClass","attr.dir":"this.direction"}},providers:[n.LocalizationService,{provide:n.L10N_PREFIX,useValue:"kendo.badge.component"}],usesOnChanges:!0,ngImport:s,template:"<ng-content></ng-content>",isInline:!0}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:d,decorators:[{type:t.Component,args:[{selector:"kendo-badge",providers:[n.LocalizationService,{provide:n.L10N_PREFIX,useValue:"kendo.badge.component"}],template:"<ng-content></ng-content>"}]}],ctorParameters:function(){return[{type:s.ElementRef},{type:s.Renderer2},{type:a.LocalizationService}]},propDecorators:{hostClass:[{type:t.HostBinding,args:["class.k-badge"]}],cutoutBorderClass:[{type:t.HostBinding,args:["class.k-badge-border-cutout"]}],direction:[{type:t.HostBinding,args:["attr.dir"]}],align:[{type:t.Input}],size:[{type:t.Input}],fill:[{type:t.Input}],themeColor:[{type:t.Input}],shape:[{type:t.Input}],position:[{type:t.Input}],cutoutBorder:[{type:t.Input}]}});Object.create;function u(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var o,r,i=n.call(e),s=[];try{for(;(void 0===t||0<t--)&&!(o=i.next()).done;)s.push(o.value)}catch(e){r={error:e}}finally{try{o&&!o.done&&(n=i.return)&&n.call(i)}finally{if(r)throw r.error}}return s}function m(e,t,n){if(n||2===arguments.length)for(var o,r=0,i=t.length;r<i;r++)!o&&r in t||((o=o||Array.prototype.slice.call(t,0,r))[r]=t[r]);return e.concat(o||Array.prototype.slice.call(t))}Object.create;y.prototype.ngOnDestroy=function(){this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe()};var h=y;function y(e){var t=this;this.localizationService=e,this.hostClass=!0,this.rtl=!1,this.dynamicRTLSubscription=this.localizationService.changes.subscribe(function(e){e=e.rtl;t.rtl=e,t.direction=t.rtl?"rtl":"ltr"})}h.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:h,deps:[{token:a.LocalizationService}],target:s.ɵɵFactoryTarget.Component}),h.ɵcmp=s.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:h,selector:"kendo-badge-container",host:{properties:{"class.k-badge-container":"this.hostClass","attr.dir":"this.direction"}},providers:[n.LocalizationService,{provide:n.L10N_PREFIX,useValue:"kendo.badge.component"}],ngImport:s,template:"<ng-content></ng-content>",isInline:!0}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:h,decorators:[{type:t.Component,args:[{selector:"kendo-badge-container",providers:[n.LocalizationService,{provide:n.L10N_PREFIX,useValue:"kendo.badge.component"}],template:"<ng-content></ng-content>"}]}],ctorParameters:function(){return[{type:a.LocalizationService}]},propDecorators:{hostClass:[{type:t.HostBinding,args:["class.k-badge-container"]}],direction:[{type:t.HostBinding,args:["attr.dir"]}]}});var n=[d,h],f=m([],u(n)),C=function(){},v=(C.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:C,deps:[],target:s.ɵɵFactoryTarget.NgModule}),C.ɵmod=s.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:C,declarations:[d,h],imports:[o.CommonModule],exports:[d,h]}),C.ɵinj=s.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:C,imports:[[o.CommonModule]]}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:C,decorators:[{type:t.NgModule,args:[{declarations:[f],exports:[n],imports:[o.CommonModule]}]}]}),{small:"k-loader-sm",medium:"k-loader-md",large:"k-loader-lg"}),b={pulsing:2,"infinite-spinner":3,"converging-spinner":4},k={pulsing:"k-loader-pulsing-2","infinite-spinner":"k-loader-spinner-3","converging-spinner":"k-loader-spinner-4"},f=(Object.defineProperty(I.prototype,"type",{get:function(){return this._type},set:function(e){this.renderer.removeClass(this.loader,k[this.type]),this.renderer.addClass(this.loader,k[e]),this._type=e},enumerable:!1,configurable:!0}),Object.defineProperty(I.prototype,"themeColor",{get:function(){return this._themeColor},set:function(e){this.renderer.removeClass(this.loader,"k-loader-"+this.themeColor),this.renderer.addClass(this.loader,"k-loader-"+e),this._themeColor=e},enumerable:!1,configurable:!0}),Object.defineProperty(I.prototype,"size",{get:function(){return this._size},set:function(e){this.renderer.removeClass(this.loader,v[this.size]),this.renderer.addClass(this.loader,v[e]),this._size=e},enumerable:!1,configurable:!0}),I.prototype.ngAfterViewInit=function(){this.setLoaderClasses()},Object.defineProperty(I.prototype,"segmentCount",{get:function(){return new Array(b[this.type])},enumerable:!1,configurable:!0}),I.prototype.setLoaderClasses=function(){this.renderer.addClass(this.loader,k[this.type]),this.renderer.addClass(this.loader,"k-loader-"+this.themeColor),this.renderer.addClass(this.loader,v[this.size])},I);function I(e,t){this.element=e,this.renderer=t,this.hostClass=!0,this._type="pulsing",this._themeColor="primary",this._size="medium",this.loader=this.element.nativeElement,r.validatePackage(p)}f.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:f,deps:[{token:s.ElementRef},{token:s.Renderer2}],target:s.ɵɵFactoryTarget.Component}),f.ɵcmp=s.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:f,selector:"kendo-loader",inputs:{type:"type",themeColor:"themeColor",size:"size"},host:{properties:{"class.k-loader":"this.hostClass"}},ngImport:s,template:'\n <div class="k-loader-canvas">\n <span *ngFor="let segment of segmentCount" class="k-loader-segment"></span>\n </div>\n ',isInline:!0,directives:[{type:l.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]}]}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:f,decorators:[{type:t.Component,args:[{selector:"kendo-loader",template:'\n <div class="k-loader-canvas">\n <span *ngFor="let segment of segmentCount" class="k-loader-segment"></span>\n </div>\n '}]}],ctorParameters:function(){return[{type:s.ElementRef},{type:s.Renderer2}]},propDecorators:{hostClass:[{type:t.HostBinding,args:["class.k-loader"]}],type:[{type:t.Input}],themeColor:[{type:t.Input}],size:[{type:t.Input}]}});var n=[f],l=m([],u(n)),D=function(){},M=(D.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:D,deps:[],target:s.ɵɵFactoryTarget.NgModule}),D.ɵmod=s.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:D,declarations:[f],imports:[o.CommonModule],exports:[f]}),D.ɵinj=s.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:D,imports:[[o.CommonModule]]}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:D,decorators:[{type:t.NgModule,args:[{declarations:[l],exports:[n],imports:[o.CommonModule]}]}]}),[!1,"pulse","wave"]),V=["circle","rectangle","text"],E={pulse:"k-skeleton-pulse",wave:"k-skeleton-wave"},O={rectangle:"k-skeleton-rect",circle:"k-skeleton-circle",text:"k-skeleton-text"},l=(Object.defineProperty(z.prototype,"animation",{get:function(){return this._animation},set:function(e){if(t.isDevMode()&&-1===M.indexOf(e))throw new Error('"'+e+"\" is not a valid kendo-skeleton animation. Valid values are: 'pulse' | 'wave' | false.");this.animation&&this.renderer.removeClass(this.hostElement.nativeElement,E[this.animation]),e&&this.renderer.addClass(this.hostElement.nativeElement,E[e]),this._animation=e},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"shape",{get:function(){return this._shape},set:function(e){if(t.isDevMode()&&-1===V.indexOf(e))throw new Error('"'+e+'" is not a valid kendo-skeleton shape. Valid shapes are: '+V.map(function(e){return'"'+e+'"'}).join(" | ")+".");this.renderer.removeClass(this.hostElement.nativeElement,O[this.shape]),this.renderer.addClass(this.hostElement.nativeElement,O[e]),this._shape=e},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"width",{set:function(e){this.renderer.setStyle(this.hostElement.nativeElement,"width","string"==typeof e?e:e+"px")},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"height",{set:function(e){this.renderer.setStyle(this.hostElement.nativeElement,"height","string"==typeof e?e:e+"px")},enumerable:!1,configurable:!0}),z.prototype.ngAfterViewInit=function(){var e=this.hostElement.nativeElement;e.classList.add("k-skeleton",O[this.shape]),this.animation&&e.classList.add(E[this.animation])},z);function z(e,t){this.renderer=e,this.hostElement=t,this._animation="pulse",this._shape="text"}l.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:l,deps:[{token:s.Renderer2},{token:s.ElementRef}],target:s.ɵɵFactoryTarget.Component}),l.ɵcmp=s.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:l,selector:"kendo-skeleton",inputs:{animation:"animation",shape:"shape",width:"width",height:"height"},ngImport:s,template:"",isInline:!0,changeDetection:s.ChangeDetectionStrategy.OnPush}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:l,decorators:[{type:t.Component,args:[{selector:"kendo-skeleton",changeDetection:t.ChangeDetectionStrategy.OnPush,template:""}]}],ctorParameters:function(){return[{type:s.Renderer2},{type:s.ElementRef}]},propDecorators:{animation:[{type:t.Input}],shape:[{type:t.Input}],width:[{type:t.Input}],height:[{type:t.Input}]}});n=function(){},n.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:n,deps:[],target:s.ɵɵFactoryTarget.NgModule}),n.ɵmod=s.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:n,declarations:[l],imports:[o.CommonModule],exports:[l]}),n.ɵinj=s.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:n,imports:[[o.CommonModule]]}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:n,decorators:[{type:t.NgModule,args:[{declarations:[l],exports:[l],imports:[o.CommonModule]}]}]}),o=function(){};o.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:o,deps:[],target:s.ɵɵFactoryTarget.NgModule}),o.ɵmod=s.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:o,exports:[C,D,n]}),o.ɵinj=s.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:o,imports:[C,D,n]}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:o,decorators:[{type:t.NgModule,args:[{exports:[C,D,n]}]}]}),e.BadgeComponent=d,e.BadgeContainerComponent=h,e.BadgeModule=C,e.IndicatorsModule=o,e.LoaderComponent=f,e.LoaderModule=D,e.SkeletonComponent=l,e.SkeletonModule=n,Object.defineProperty(e,"__esModule",{value:!0})});
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { Component, HostBinding } from '@angular/core';
|
|
6
|
+
import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
import * as i1 from "@progress/kendo-angular-l10n";
|
|
9
|
+
export class BadgeContainerComponent {
|
|
10
|
+
constructor(localizationService) {
|
|
11
|
+
this.localizationService = localizationService;
|
|
12
|
+
this.hostClass = true;
|
|
13
|
+
this.rtl = false;
|
|
14
|
+
this.dynamicRTLSubscription = this.localizationService.changes.subscribe(({ rtl }) => {
|
|
15
|
+
this.rtl = rtl;
|
|
16
|
+
this.direction = this.rtl ? 'rtl' : 'ltr';
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
ngOnDestroy() {
|
|
20
|
+
if (this.dynamicRTLSubscription) {
|
|
21
|
+
this.dynamicRTLSubscription.unsubscribe();
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
BadgeContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BadgeContainerComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
26
|
+
BadgeContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: BadgeContainerComponent, selector: "kendo-badge-container", host: { properties: { "class.k-badge-container": "this.hostClass", "attr.dir": "this.direction" } }, providers: [
|
|
27
|
+
LocalizationService,
|
|
28
|
+
{
|
|
29
|
+
provide: L10N_PREFIX,
|
|
30
|
+
useValue: 'kendo.badge.component'
|
|
31
|
+
}
|
|
32
|
+
], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
|
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BadgeContainerComponent, decorators: [{
|
|
34
|
+
type: Component,
|
|
35
|
+
args: [{
|
|
36
|
+
selector: 'kendo-badge-container',
|
|
37
|
+
providers: [
|
|
38
|
+
LocalizationService,
|
|
39
|
+
{
|
|
40
|
+
provide: L10N_PREFIX,
|
|
41
|
+
useValue: 'kendo.badge.component'
|
|
42
|
+
}
|
|
43
|
+
],
|
|
44
|
+
template: `<ng-content></ng-content>`
|
|
45
|
+
}]
|
|
46
|
+
}], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { hostClass: [{
|
|
47
|
+
type: HostBinding,
|
|
48
|
+
args: ['class.k-badge-container']
|
|
49
|
+
}], direction: [{
|
|
50
|
+
type: HostBinding,
|
|
51
|
+
args: ['attr.dir']
|
|
52
|
+
}] } });
|
|
@@ -2,11 +2,12 @@
|
|
|
2
2
|
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import
|
|
6
|
-
import { Component, ElementRef, Input, Renderer2, HostBinding } from '@angular/core';
|
|
5
|
+
import { Component, Input, HostBinding } from '@angular/core';
|
|
7
6
|
import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
|
|
8
7
|
import { validatePackage } from '@progress/kendo-licensing';
|
|
9
8
|
import { packageMetadata } from '../package-metadata';
|
|
9
|
+
import * as i0 from "@angular/core";
|
|
10
|
+
import * as i1 from "@progress/kendo-angular-l10n";
|
|
10
11
|
const SIZE_CLASSES = {
|
|
11
12
|
'small': 'k-badge-sm',
|
|
12
13
|
'medium': 'k-badge-md',
|
|
@@ -16,7 +17,7 @@ const SIZE_CLASSES = {
|
|
|
16
17
|
* Represents the [Kendo UI Badge component for Angular]({% slug overview_badge %}).
|
|
17
18
|
* Used to display additional information or status that is related to an element.
|
|
18
19
|
*/
|
|
19
|
-
|
|
20
|
+
export class BadgeComponent {
|
|
20
21
|
constructor(element, renderer, localizationService) {
|
|
21
22
|
this.element = element;
|
|
22
23
|
this.renderer = renderer;
|
|
@@ -167,63 +168,49 @@ let BadgeComponent = class BadgeComponent {
|
|
|
167
168
|
this.renderer.addClass(element, className);
|
|
168
169
|
});
|
|
169
170
|
}
|
|
170
|
-
}
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
],
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
providers: [
|
|
217
|
-
LocalizationService,
|
|
218
|
-
{
|
|
219
|
-
provide: L10N_PREFIX,
|
|
220
|
-
useValue: 'kendo.badge.component'
|
|
221
|
-
}
|
|
222
|
-
],
|
|
223
|
-
template: `<ng-content></ng-content>`
|
|
224
|
-
}),
|
|
225
|
-
tslib_1.__metadata("design:paramtypes", [ElementRef,
|
|
226
|
-
Renderer2,
|
|
227
|
-
LocalizationService])
|
|
228
|
-
], BadgeComponent);
|
|
229
|
-
export { BadgeComponent };
|
|
171
|
+
}
|
|
172
|
+
BadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BadgeComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
173
|
+
BadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: BadgeComponent, selector: "kendo-badge", inputs: { align: "align", size: "size", fill: "fill", themeColor: "themeColor", shape: "shape", position: "position", cutoutBorder: "cutoutBorder" }, host: { properties: { "class.k-badge": "this.hostClass", "class.k-badge-border-cutout": "this.cutoutBorderClass", "attr.dir": "this.direction" } }, providers: [
|
|
174
|
+
LocalizationService,
|
|
175
|
+
{
|
|
176
|
+
provide: L10N_PREFIX,
|
|
177
|
+
useValue: 'kendo.badge.component'
|
|
178
|
+
}
|
|
179
|
+
], usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
|
|
180
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BadgeComponent, decorators: [{
|
|
181
|
+
type: Component,
|
|
182
|
+
args: [{
|
|
183
|
+
selector: 'kendo-badge',
|
|
184
|
+
providers: [
|
|
185
|
+
LocalizationService,
|
|
186
|
+
{
|
|
187
|
+
provide: L10N_PREFIX,
|
|
188
|
+
useValue: 'kendo.badge.component'
|
|
189
|
+
}
|
|
190
|
+
],
|
|
191
|
+
template: `<ng-content></ng-content>`
|
|
192
|
+
}]
|
|
193
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.LocalizationService }]; }, propDecorators: { hostClass: [{
|
|
194
|
+
type: HostBinding,
|
|
195
|
+
args: ['class.k-badge']
|
|
196
|
+
}], cutoutBorderClass: [{
|
|
197
|
+
type: HostBinding,
|
|
198
|
+
args: ['class.k-badge-border-cutout']
|
|
199
|
+
}], direction: [{
|
|
200
|
+
type: HostBinding,
|
|
201
|
+
args: ['attr.dir']
|
|
202
|
+
}], align: [{
|
|
203
|
+
type: Input
|
|
204
|
+
}], size: [{
|
|
205
|
+
type: Input
|
|
206
|
+
}], fill: [{
|
|
207
|
+
type: Input
|
|
208
|
+
}], themeColor: [{
|
|
209
|
+
type: Input
|
|
210
|
+
}], shape: [{
|
|
211
|
+
type: Input
|
|
212
|
+
}], position: [{
|
|
213
|
+
type: Input
|
|
214
|
+
}], cutoutBorder: [{
|
|
215
|
+
type: Input
|
|
216
|
+
}] } });
|
|
@@ -2,3 +2,4 @@
|
|
|
2
2
|
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
export {};
|
|
@@ -2,3 +2,4 @@
|
|
|
2
2
|
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
export {};
|
|
@@ -2,3 +2,4 @@
|
|
|
2
2
|
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
export {};
|
|
@@ -2,3 +2,4 @@
|
|
|
2
2
|
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
export {};
|
|
@@ -2,3 +2,4 @@
|
|
|
2
2
|
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
export {};
|
|
@@ -2,3 +2,4 @@
|
|
|
2
2
|
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
export {};
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { NgModule } from '@angular/core';
|
|
6
|
+
import { CommonModule } from '@angular/common';
|
|
7
|
+
import { BadgeContainerComponent } from './badge/badge-container.component';
|
|
8
|
+
import { BadgeComponent } from './badge/badge.component';
|
|
9
|
+
import * as i0 from "@angular/core";
|
|
10
|
+
const exportedModules = [
|
|
11
|
+
BadgeComponent,
|
|
12
|
+
BadgeContainerComponent
|
|
13
|
+
];
|
|
14
|
+
const declarations = [
|
|
15
|
+
...exportedModules
|
|
16
|
+
];
|
|
17
|
+
/**
|
|
18
|
+
* Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
|
|
19
|
+
* definition for the Badge component.
|
|
20
|
+
*/
|
|
21
|
+
export class BadgeModule {
|
|
22
|
+
}
|
|
23
|
+
BadgeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
24
|
+
BadgeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BadgeModule, declarations: [BadgeComponent,
|
|
25
|
+
BadgeContainerComponent], imports: [CommonModule], exports: [BadgeComponent,
|
|
26
|
+
BadgeContainerComponent] });
|
|
27
|
+
BadgeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BadgeModule, imports: [[CommonModule]] });
|
|
28
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BadgeModule, decorators: [{
|
|
29
|
+
type: NgModule,
|
|
30
|
+
args: [{
|
|
31
|
+
declarations: [declarations],
|
|
32
|
+
exports: [exportedModules],
|
|
33
|
+
imports: [CommonModule]
|
|
34
|
+
}]
|
|
35
|
+
}] });
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import * as tslib_1 from "tslib";
|
|
6
5
|
import { NgModule } from '@angular/core';
|
|
7
6
|
import { BadgeModule } from './badge.module';
|
|
8
7
|
import { LoaderModule } from './loader.module';
|
|
9
8
|
import { SkeletonModule } from './skeleton.module';
|
|
9
|
+
import * as i0 from "@angular/core";
|
|
10
10
|
/**
|
|
11
11
|
* Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
|
|
12
12
|
* definition for the Indicators components.
|
|
@@ -38,18 +38,22 @@ import { SkeletonModule } from './skeleton.module';
|
|
|
38
38
|
*
|
|
39
39
|
* ```
|
|
40
40
|
*/
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
41
|
+
export class IndicatorsModule {
|
|
42
|
+
}
|
|
43
|
+
IndicatorsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IndicatorsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
44
|
+
IndicatorsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IndicatorsModule, exports: [BadgeModule,
|
|
45
|
+
LoaderModule,
|
|
46
|
+
SkeletonModule] });
|
|
47
|
+
IndicatorsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IndicatorsModule, imports: [BadgeModule,
|
|
48
|
+
LoaderModule,
|
|
49
|
+
SkeletonModule] });
|
|
50
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IndicatorsModule, decorators: [{
|
|
51
|
+
type: NgModule,
|
|
52
|
+
args: [{
|
|
53
|
+
exports: [
|
|
54
|
+
BadgeModule,
|
|
55
|
+
LoaderModule,
|
|
56
|
+
SkeletonModule
|
|
57
|
+
]
|
|
58
|
+
}]
|
|
59
|
+
}] });
|
|
@@ -2,10 +2,11 @@
|
|
|
2
2
|
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import
|
|
6
|
-
import { Component, Input, HostBinding, ElementRef, Renderer2 } from '@angular/core';
|
|
5
|
+
import { Component, Input, HostBinding } from '@angular/core';
|
|
7
6
|
import { validatePackage } from '@progress/kendo-licensing';
|
|
8
7
|
import { packageMetadata } from '../package-metadata';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
import * as i1 from "@angular/common";
|
|
9
10
|
const SIZE_CLASSES = {
|
|
10
11
|
'small': 'k-loader-sm',
|
|
11
12
|
'medium': 'k-loader-md',
|
|
@@ -25,7 +26,7 @@ const TYPE_CLASSES = {
|
|
|
25
26
|
* Represents the [Kendo UI Loader component for Angular]({% slug overview_loader %}).
|
|
26
27
|
* Displays a Loader that represents an indeterminate wait time.
|
|
27
28
|
*/
|
|
28
|
-
|
|
29
|
+
export class LoaderComponent {
|
|
29
30
|
constructor(element, renderer) {
|
|
30
31
|
this.element = element;
|
|
31
32
|
this.renderer = renderer;
|
|
@@ -107,36 +108,30 @@ let LoaderComponent = class LoaderComponent {
|
|
|
107
108
|
this.renderer.addClass(this.loader, `k-loader-${this.themeColor}`);
|
|
108
109
|
this.renderer.addClass(this.loader, SIZE_CLASSES[this.size]);
|
|
109
110
|
}
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
tslib_1.__metadata("design:type", String),
|
|
123
|
-
tslib_1.__metadata("design:paramtypes", [String])
|
|
124
|
-
], LoaderComponent.prototype, "themeColor", null);
|
|
125
|
-
tslib_1.__decorate([
|
|
126
|
-
Input(),
|
|
127
|
-
tslib_1.__metadata("design:type", String),
|
|
128
|
-
tslib_1.__metadata("design:paramtypes", [String])
|
|
129
|
-
], LoaderComponent.prototype, "size", null);
|
|
130
|
-
LoaderComponent = tslib_1.__decorate([
|
|
131
|
-
Component({
|
|
132
|
-
selector: 'kendo-loader',
|
|
133
|
-
template: `
|
|
111
|
+
}
|
|
112
|
+
LoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LoaderComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
113
|
+
LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: LoaderComponent, selector: "kendo-loader", inputs: { type: "type", themeColor: "themeColor", size: "size" }, host: { properties: { "class.k-loader": "this.hostClass" } }, ngImport: i0, template: `
|
|
114
|
+
<div class="k-loader-canvas">
|
|
115
|
+
<span *ngFor="let segment of segmentCount" class="k-loader-segment"></span>
|
|
116
|
+
</div>
|
|
117
|
+
`, isInline: true, directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
118
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LoaderComponent, decorators: [{
|
|
119
|
+
type: Component,
|
|
120
|
+
args: [{
|
|
121
|
+
selector: 'kendo-loader',
|
|
122
|
+
template: `
|
|
134
123
|
<div class="k-loader-canvas">
|
|
135
124
|
<span *ngFor="let segment of segmentCount" class="k-loader-segment"></span>
|
|
136
125
|
</div>
|
|
137
126
|
`
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
]
|
|
142
|
-
|
|
127
|
+
}]
|
|
128
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { hostClass: [{
|
|
129
|
+
type: HostBinding,
|
|
130
|
+
args: ['class.k-loader']
|
|
131
|
+
}], type: [{
|
|
132
|
+
type: Input
|
|
133
|
+
}], themeColor: [{
|
|
134
|
+
type: Input
|
|
135
|
+
}], size: [{
|
|
136
|
+
type: Input
|
|
137
|
+
}] } });
|
|
@@ -2,3 +2,4 @@
|
|
|
2
2
|
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
export {};
|
|
@@ -2,3 +2,4 @@
|
|
|
2
2
|
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
export {};
|
|
@@ -2,3 +2,4 @@
|
|
|
2
2
|
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
export {};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { NgModule } from '@angular/core';
|
|
6
|
+
import { CommonModule } from '@angular/common';
|
|
7
|
+
import { LoaderComponent } from './loader/loader.component';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
const exportedModules = [
|
|
10
|
+
LoaderComponent
|
|
11
|
+
];
|
|
12
|
+
const declarations = [
|
|
13
|
+
...exportedModules
|
|
14
|
+
];
|
|
15
|
+
/**
|
|
16
|
+
* Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
|
|
17
|
+
* definition for the Loader component.
|
|
18
|
+
*/
|
|
19
|
+
export class LoaderModule {
|
|
20
|
+
}
|
|
21
|
+
LoaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LoaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
22
|
+
LoaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LoaderModule, declarations: [LoaderComponent], imports: [CommonModule], exports: [LoaderComponent] });
|
|
23
|
+
LoaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LoaderModule, imports: [[CommonModule]] });
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LoaderModule, decorators: [{
|
|
25
|
+
type: NgModule,
|
|
26
|
+
args: [{
|
|
27
|
+
declarations: [declarations],
|
|
28
|
+
exports: [exportedModules],
|
|
29
|
+
imports: [CommonModule]
|
|
30
|
+
}]
|
|
31
|
+
}] });
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
export { BadgeComponent } from './badge/badge.component';
|
|
6
|
+
export { BadgeModule } from './badge.module';
|
|
6
7
|
export { BadgeContainerComponent } from './badge/badge-container.component';
|
|
7
8
|
export { LoaderComponent } from './loader/loader.component';
|
|
8
9
|
export { LoaderModule } from './loader.module';
|
|
@@ -9,7 +9,7 @@ export const packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-indicators',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
12
|
+
publishDate: 1649874625,
|
|
13
13
|
version: '',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
|
|
15
15
|
};
|
|
File without changes
|
|
File without changes
|