@progress/kendo-angular-scrollview 16.5.0 → 16.6.0-develop.2
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/directives.d.ts +10 -0
- package/esm2020/directives.mjs +13 -0
- package/esm2020/index.mjs +1 -0
- package/esm2020/localization/custom-messages.component.mjs +4 -3
- package/esm2020/localization/localized-messages.directive.mjs +3 -2
- package/esm2020/package-metadata.mjs +2 -2
- package/esm2020/scrollview-pager.component.mjs +6 -4
- package/esm2020/scrollview.component.mjs +10 -9
- package/esm2020/scrollview.module.mjs +10 -26
- package/fesm2015/progress-kendo-angular-scrollview.mjs +34 -36
- package/fesm2020/progress-kendo-angular-scrollview.mjs +34 -36
- package/index.d.ts +1 -0
- package/localization/custom-messages.component.d.ts +2 -2
- package/localization/localized-messages.directive.d.ts +1 -1
- package/package.json +5 -5
- package/scrollview-pager.component.d.ts +1 -1
- package/scrollview.component.d.ts +1 -1
- package/scrollview.module.d.ts +2 -7
package/directives.d.ts
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { CustomMessagesComponent } from "./localization/custom-messages.component";
|
|
6
|
+
import { ScrollViewComponent } from "./scrollview.component";
|
|
7
|
+
/**
|
|
8
|
+
* Utility array that contains all `@progress/kendo-angular-scrollview` related components and directives
|
|
9
|
+
*/
|
|
10
|
+
export declare const KENDO_SCROLLVIEW: readonly [typeof ScrollViewComponent, typeof CustomMessagesComponent];
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { CustomMessagesComponent } from "./localization/custom-messages.component";
|
|
6
|
+
import { ScrollViewComponent } from "./scrollview.component";
|
|
7
|
+
/**
|
|
8
|
+
* Utility array that contains all `@progress/kendo-angular-scrollview` related components and directives
|
|
9
|
+
*/
|
|
10
|
+
export const KENDO_SCROLLVIEW = [
|
|
11
|
+
ScrollViewComponent,
|
|
12
|
+
CustomMessagesComponent
|
|
13
|
+
];
|
package/esm2020/index.mjs
CHANGED
|
@@ -6,3 +6,4 @@ export { ScrollViewComponent } from './scrollview.component';
|
|
|
6
6
|
export { ScrollViewModule } from './scrollview.module';
|
|
7
7
|
export { ScrollViewPagerComponent } from './scrollview-pager.component';
|
|
8
8
|
export { CustomMessagesComponent } from './localization/custom-messages.component';
|
|
9
|
+
export * from './directives';
|
|
@@ -9,7 +9,7 @@ import * as i0 from "@angular/core";
|
|
|
9
9
|
import * as i1 from "@progress/kendo-angular-l10n";
|
|
10
10
|
/**
|
|
11
11
|
* Custom component messages override default component messages
|
|
12
|
-
* ([see example]({
|
|
12
|
+
* ([see example]({slug:rtl_scrollview#toc-custom-messages)).
|
|
13
13
|
*/
|
|
14
14
|
export class CustomMessagesComponent extends ScrollViewMessages {
|
|
15
15
|
constructor(service) {
|
|
@@ -21,7 +21,7 @@ export class CustomMessagesComponent extends ScrollViewMessages {
|
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
23
|
CustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
-
CustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CustomMessagesComponent, selector: "kendo-scrollview-messages", providers: [
|
|
24
|
+
CustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-scrollview-messages", providers: [
|
|
25
25
|
{
|
|
26
26
|
provide: ScrollViewMessages,
|
|
27
27
|
useExisting: forwardRef(() => CustomMessagesComponent)
|
|
@@ -37,6 +37,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
37
37
|
}
|
|
38
38
|
],
|
|
39
39
|
selector: 'kendo-scrollview-messages',
|
|
40
|
-
template:
|
|
40
|
+
template: ``,
|
|
41
|
+
standalone: true
|
|
41
42
|
}]
|
|
42
43
|
}], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
|
|
@@ -17,7 +17,7 @@ export class LocalizedMessagesDirective extends ScrollViewMessages {
|
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
19
|
LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
20
|
-
LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedMessagesDirective, selector: "[kendoScrollViewLocalizedMessages]", providers: [
|
|
20
|
+
LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoScrollViewLocalizedMessages]", providers: [
|
|
21
21
|
{
|
|
22
22
|
provide: ScrollViewMessages,
|
|
23
23
|
useExisting: forwardRef(() => LocalizedMessagesDirective)
|
|
@@ -32,6 +32,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
32
32
|
useExisting: forwardRef(() => LocalizedMessagesDirective)
|
|
33
33
|
}
|
|
34
34
|
],
|
|
35
|
-
selector: '[kendoScrollViewLocalizedMessages]'
|
|
35
|
+
selector: '[kendoScrollViewLocalizedMessages]',
|
|
36
|
+
standalone: true
|
|
36
37
|
}]
|
|
37
38
|
}], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
|
|
@@ -9,7 +9,7 @@ export const packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-scrollview',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
13
|
-
version: '16.
|
|
12
|
+
publishDate: 1721847291,
|
|
13
|
+
version: '16.6.0-develop.2',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
15
15
|
};
|
|
@@ -6,9 +6,9 @@
|
|
|
6
6
|
import { Component, Input, Output } from '@angular/core';
|
|
7
7
|
import { EventEmitter } from '@angular/core';
|
|
8
8
|
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
9
|
+
import { NgFor, NgClass } from '@angular/common';
|
|
9
10
|
import * as i0 from "@angular/core";
|
|
10
11
|
import * as i1 from "@progress/kendo-angular-l10n";
|
|
11
|
-
import * as i2 from "@angular/common";
|
|
12
12
|
/**
|
|
13
13
|
* @hidden
|
|
14
14
|
*/
|
|
@@ -34,14 +34,14 @@ export class ScrollViewPagerComponent {
|
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
ScrollViewPagerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScrollViewPagerComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
37
|
-
ScrollViewPagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ScrollViewPagerComponent, selector: "kendo-scrollview-pager", inputs: { activeIndex: "activeIndex", data: "data" }, outputs: { pagerIndexChange: "pagerIndexChange" }, ngImport: i0, template: `
|
|
37
|
+
ScrollViewPagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ScrollViewPagerComponent, isStandalone: true, selector: "kendo-scrollview-pager", inputs: { activeIndex: "activeIndex", data: "data" }, outputs: { pagerIndexChange: "pagerIndexChange" }, ngImport: i0, template: `
|
|
38
38
|
<div class="k-scrollview-nav">
|
|
39
39
|
<span [attr.aria-label]="pagerButtonLabel(i + 1)" role="button" class="k-link" *ngFor="let item of data; let i = index"
|
|
40
40
|
[ngClass]="itemClass(i)"
|
|
41
41
|
(click)="indexChange(i)">
|
|
42
42
|
</span>
|
|
43
43
|
</div>
|
|
44
|
-
`, isInline: true, dependencies: [{ kind: "directive", type:
|
|
44
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
45
45
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScrollViewPagerComponent, decorators: [{
|
|
46
46
|
type: Component,
|
|
47
47
|
args: [{
|
|
@@ -53,7 +53,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
53
53
|
(click)="indexChange(i)">
|
|
54
54
|
</span>
|
|
55
55
|
</div>
|
|
56
|
-
|
|
56
|
+
`,
|
|
57
|
+
standalone: true,
|
|
58
|
+
imports: [NgFor, NgClass]
|
|
57
59
|
}]
|
|
58
60
|
}], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { activeIndex: [{
|
|
59
61
|
type: Input
|
|
@@ -8,20 +8,19 @@
|
|
|
8
8
|
import { Component, ContentChild, ElementRef, EventEmitter, HostBinding, Input, Output, TemplateRef, NgZone, ViewChild, Renderer2 } from '@angular/core';
|
|
9
9
|
import { animate, state, style, transition, trigger } from '@angular/animations';
|
|
10
10
|
import { Dir } from './enums';
|
|
11
|
-
import { Keys } from '@progress/kendo-angular-common';
|
|
11
|
+
import { DraggableDirective, Keys } from '@progress/kendo-angular-common';
|
|
12
12
|
import { validatePackage } from '@progress/kendo-licensing';
|
|
13
13
|
import { packageMetadata } from './package-metadata';
|
|
14
14
|
import { DataCollection, DataResultIterator } from './data.collection';
|
|
15
15
|
import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
|
|
16
16
|
import { chevronLeftIcon, chevronRightIcon } from '@progress/kendo-svg-icons';
|
|
17
17
|
import { Subscription } from 'rxjs';
|
|
18
|
+
import { ScrollViewPagerComponent } from './scrollview-pager.component';
|
|
19
|
+
import { NgFor, NgStyle, NgTemplateOutlet, NgIf } from '@angular/common';
|
|
20
|
+
import { LocalizedMessagesDirective } from './localization/localized-messages.directive';
|
|
21
|
+
import { IconWrapperComponent } from '@progress/kendo-angular-icons';
|
|
18
22
|
import * as i0 from "@angular/core";
|
|
19
23
|
import * as i1 from "@progress/kendo-angular-l10n";
|
|
20
|
-
import * as i2 from "@angular/common";
|
|
21
|
-
import * as i3 from "@progress/kendo-angular-common";
|
|
22
|
-
import * as i4 from "@progress/kendo-angular-icons";
|
|
23
|
-
import * as i5 from "./scrollview-pager.component";
|
|
24
|
-
import * as i6 from "./localization/localized-messages.directive";
|
|
25
24
|
let idx = 0;
|
|
26
25
|
/**
|
|
27
26
|
* Represents the [Kendo UI ScrollView component for Angular]({% slug overview_scrollview %}).
|
|
@@ -437,7 +436,7 @@ export class ScrollViewComponent {
|
|
|
437
436
|
}
|
|
438
437
|
}
|
|
439
438
|
ScrollViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScrollViewComponent, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
440
|
-
ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ScrollViewComponent, selector: "kendo-scrollview", inputs: { data: "data", activeIndex: "activeIndex", width: "width", height: "height", endless: "endless", pagerOverlay: "pagerOverlay", animate: "animate", pageable: "pageable", arrows: "arrows" }, outputs: { itemChanged: "itemChanged", activeIndexChange: "activeIndexChange" }, host: { properties: { "class.k-scrollview": "this.scrollViewClass", "attr.role": "this.scrollViewRole", "attr.aria-roledescription": "this.scrollViewRoleDescription", "class.k-scrollview-light": "this.scrollViewLightOverlayClass", "class.k-scrollview-dark": "this.scrollViewDarkOverlayClass", "style.width": "this.hostWidth", "style.height": "this.hostHeight", "attr.tabindex": "this.tabIndex", "attr.aria-live": "this.ariaLive", "attr.dir": "this.dir", "style.touch-action": "this.touchAction" } }, providers: [
|
|
439
|
+
ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ScrollViewComponent, isStandalone: true, selector: "kendo-scrollview", inputs: { data: "data", activeIndex: "activeIndex", width: "width", height: "height", endless: "endless", pagerOverlay: "pagerOverlay", animate: "animate", pageable: "pageable", arrows: "arrows" }, outputs: { itemChanged: "itemChanged", activeIndexChange: "activeIndexChange" }, host: { properties: { "class.k-scrollview": "this.scrollViewClass", "attr.role": "this.scrollViewRole", "attr.aria-roledescription": "this.scrollViewRoleDescription", "class.k-scrollview-light": "this.scrollViewLightOverlayClass", "class.k-scrollview-dark": "this.scrollViewDarkOverlayClass", "style.width": "this.hostWidth", "style.height": "this.hostHeight", "attr.tabindex": "this.tabIndex", "attr.aria-live": "this.ariaLive", "attr.dir": "this.dir", "style.touch-action": "this.touchAction" } }, providers: [
|
|
441
440
|
LocalizationService,
|
|
442
441
|
{
|
|
443
442
|
provide: L10N_PREFIX,
|
|
@@ -517,7 +516,7 @@ ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
|
|
|
517
516
|
</kendo-scrollview-pager>
|
|
518
517
|
</div>
|
|
519
518
|
<div class="k-sr-only" aria-live="polite"></div>
|
|
520
|
-
`, isInline: true, dependencies: [{ kind: "directive", type:
|
|
519
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoScrollViewLocalizedMessages]" }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: ScrollViewPagerComponent, selector: "kendo-scrollview-pager", inputs: ["activeIndex", "data"], outputs: ["pagerIndexChange"] }], animations: [
|
|
521
520
|
trigger('animateTo', [
|
|
522
521
|
state('center, left, right', style({ transform: 'translateX(0)' })),
|
|
523
522
|
transition('* => right', [
|
|
@@ -631,7 +630,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
631
630
|
</kendo-scrollview-pager>
|
|
632
631
|
</div>
|
|
633
632
|
<div class="k-sr-only" aria-live="polite"></div>
|
|
634
|
-
|
|
633
|
+
`,
|
|
634
|
+
standalone: true,
|
|
635
|
+
imports: [LocalizedMessagesDirective, DraggableDirective, NgFor, NgStyle, NgTemplateOutlet, NgIf, IconWrapperComponent, ScrollViewPagerComponent]
|
|
635
636
|
}]
|
|
636
637
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.LocalizationService }, { type: i0.NgZone }, { type: i0.Renderer2 }]; }, propDecorators: { data: [{
|
|
637
638
|
type: Input
|
|
@@ -3,24 +3,12 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { NgModule } from '@angular/core';
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import { ScrollViewPagerComponent } from "./scrollview-pager.component";
|
|
9
|
-
import { DraggableModule } from '@progress/kendo-angular-common';
|
|
10
|
-
import { IconsModule } from '@progress/kendo-angular-icons';
|
|
11
|
-
import { CustomMessagesComponent } from './localization/custom-messages.component';
|
|
12
|
-
import { LocalizedMessagesDirective } from './localization/localized-messages.directive';
|
|
6
|
+
import { IconsService } from '@progress/kendo-angular-icons';
|
|
7
|
+
import { KENDO_SCROLLVIEW } from './directives';
|
|
13
8
|
import * as i0 from "@angular/core";
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
CustomMessagesComponent,
|
|
18
|
-
LocalizedMessagesDirective
|
|
19
|
-
];
|
|
20
|
-
const EXPORTS = [
|
|
21
|
-
ScrollViewComponent,
|
|
22
|
-
CustomMessagesComponent
|
|
23
|
-
];
|
|
9
|
+
import * as i1 from "./scrollview.component";
|
|
10
|
+
import * as i2 from "./localization/custom-messages.component";
|
|
11
|
+
//IMPORTANT: NgModule export kept for backwards compatibility
|
|
24
12
|
/**
|
|
25
13
|
* Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
|
|
26
14
|
* definition for the ScrollView component.
|
|
@@ -55,17 +43,13 @@ const EXPORTS = [
|
|
|
55
43
|
export class ScrollViewModule {
|
|
56
44
|
}
|
|
57
45
|
ScrollViewModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScrollViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
58
|
-
ScrollViewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ScrollViewModule,
|
|
59
|
-
|
|
60
|
-
CustomMessagesComponent,
|
|
61
|
-
LocalizedMessagesDirective], imports: [CommonModule, DraggableModule, IconsModule], exports: [ScrollViewComponent,
|
|
62
|
-
CustomMessagesComponent] });
|
|
63
|
-
ScrollViewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScrollViewModule, imports: [CommonModule, DraggableModule, IconsModule] });
|
|
46
|
+
ScrollViewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ScrollViewModule, imports: [i1.ScrollViewComponent, i2.CustomMessagesComponent], exports: [i1.ScrollViewComponent, i2.CustomMessagesComponent] });
|
|
47
|
+
ScrollViewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScrollViewModule, providers: [IconsService], imports: [KENDO_SCROLLVIEW] });
|
|
64
48
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScrollViewModule, decorators: [{
|
|
65
49
|
type: NgModule,
|
|
66
50
|
args: [{
|
|
67
|
-
|
|
68
|
-
exports: [
|
|
69
|
-
|
|
51
|
+
imports: [...KENDO_SCROLLVIEW],
|
|
52
|
+
exports: [...KENDO_SCROLLVIEW],
|
|
53
|
+
providers: [IconsService]
|
|
70
54
|
}]
|
|
71
55
|
}] });
|
|
@@ -5,17 +5,14 @@
|
|
|
5
5
|
import * as i0 from '@angular/core';
|
|
6
6
|
import { EventEmitter, Component, Input, Output, Directive, forwardRef, TemplateRef, ContentChild, ViewChild, HostBinding, NgModule } from '@angular/core';
|
|
7
7
|
import { trigger, state, style, transition, animate } from '@angular/animations';
|
|
8
|
-
import
|
|
9
|
-
import { Keys, DraggableModule } from '@progress/kendo-angular-common';
|
|
8
|
+
import { Keys, DraggableDirective } from '@progress/kendo-angular-common';
|
|
10
9
|
import { validatePackage } from '@progress/kendo-licensing';
|
|
11
10
|
import * as i1 from '@progress/kendo-angular-l10n';
|
|
12
11
|
import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
|
|
13
12
|
import { chevronLeftIcon, chevronRightIcon } from '@progress/kendo-svg-icons';
|
|
14
13
|
import { Subscription } from 'rxjs';
|
|
15
|
-
import
|
|
16
|
-
import {
|
|
17
|
-
import * as i4 from '@progress/kendo-angular-icons';
|
|
18
|
-
import { IconsModule } from '@progress/kendo-angular-icons';
|
|
14
|
+
import { NgFor, NgClass, NgStyle, NgTemplateOutlet, NgIf } from '@angular/common';
|
|
15
|
+
import { IconWrapperComponent, IconsService } from '@progress/kendo-angular-icons';
|
|
19
16
|
|
|
20
17
|
/**
|
|
21
18
|
* @hidden
|
|
@@ -33,8 +30,8 @@ const packageMetadata = {
|
|
|
33
30
|
name: '@progress/kendo-angular-scrollview',
|
|
34
31
|
productName: 'Kendo UI for Angular',
|
|
35
32
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
36
|
-
publishDate:
|
|
37
|
-
version: '16.
|
|
33
|
+
publishDate: 1721847291,
|
|
34
|
+
version: '16.6.0-develop.2',
|
|
38
35
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
39
36
|
};
|
|
40
37
|
|
|
@@ -149,14 +146,14 @@ class ScrollViewPagerComponent {
|
|
|
149
146
|
}
|
|
150
147
|
}
|
|
151
148
|
ScrollViewPagerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScrollViewPagerComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
152
|
-
ScrollViewPagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ScrollViewPagerComponent, selector: "kendo-scrollview-pager", inputs: { activeIndex: "activeIndex", data: "data" }, outputs: { pagerIndexChange: "pagerIndexChange" }, ngImport: i0, template: `
|
|
149
|
+
ScrollViewPagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ScrollViewPagerComponent, isStandalone: true, selector: "kendo-scrollview-pager", inputs: { activeIndex: "activeIndex", data: "data" }, outputs: { pagerIndexChange: "pagerIndexChange" }, ngImport: i0, template: `
|
|
153
150
|
<div class="k-scrollview-nav">
|
|
154
151
|
<span [attr.aria-label]="pagerButtonLabel(i + 1)" role="button" class="k-link" *ngFor="let item of data; let i = index"
|
|
155
152
|
[ngClass]="itemClass(i)"
|
|
156
153
|
(click)="indexChange(i)">
|
|
157
154
|
</span>
|
|
158
155
|
</div>
|
|
159
|
-
`, isInline: true, dependencies: [{ kind: "directive", type:
|
|
156
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
160
157
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScrollViewPagerComponent, decorators: [{
|
|
161
158
|
type: Component,
|
|
162
159
|
args: [{
|
|
@@ -168,7 +165,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
168
165
|
(click)="indexChange(i)">
|
|
169
166
|
</span>
|
|
170
167
|
</div>
|
|
171
|
-
|
|
168
|
+
`,
|
|
169
|
+
standalone: true,
|
|
170
|
+
imports: [NgFor, NgClass]
|
|
172
171
|
}]
|
|
173
172
|
}], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { activeIndex: [{
|
|
174
173
|
type: Input
|
|
@@ -205,7 +204,7 @@ class LocalizedMessagesDirective extends ScrollViewMessages {
|
|
|
205
204
|
}
|
|
206
205
|
}
|
|
207
206
|
LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
208
|
-
LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedMessagesDirective, selector: "[kendoScrollViewLocalizedMessages]", providers: [
|
|
207
|
+
LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoScrollViewLocalizedMessages]", providers: [
|
|
209
208
|
{
|
|
210
209
|
provide: ScrollViewMessages,
|
|
211
210
|
useExisting: forwardRef(() => LocalizedMessagesDirective)
|
|
@@ -220,7 +219,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
220
219
|
useExisting: forwardRef(() => LocalizedMessagesDirective)
|
|
221
220
|
}
|
|
222
221
|
],
|
|
223
|
-
selector: '[kendoScrollViewLocalizedMessages]'
|
|
222
|
+
selector: '[kendoScrollViewLocalizedMessages]',
|
|
223
|
+
standalone: true
|
|
224
224
|
}]
|
|
225
225
|
}], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
|
|
226
226
|
|
|
@@ -643,7 +643,7 @@ class ScrollViewComponent {
|
|
|
643
643
|
}
|
|
644
644
|
}
|
|
645
645
|
ScrollViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScrollViewComponent, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
646
|
-
ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ScrollViewComponent, selector: "kendo-scrollview", inputs: { data: "data", activeIndex: "activeIndex", width: "width", height: "height", endless: "endless", pagerOverlay: "pagerOverlay", animate: "animate", pageable: "pageable", arrows: "arrows" }, outputs: { itemChanged: "itemChanged", activeIndexChange: "activeIndexChange" }, host: { properties: { "class.k-scrollview": "this.scrollViewClass", "attr.role": "this.scrollViewRole", "attr.aria-roledescription": "this.scrollViewRoleDescription", "class.k-scrollview-light": "this.scrollViewLightOverlayClass", "class.k-scrollview-dark": "this.scrollViewDarkOverlayClass", "style.width": "this.hostWidth", "style.height": "this.hostHeight", "attr.tabindex": "this.tabIndex", "attr.aria-live": "this.ariaLive", "attr.dir": "this.dir", "style.touch-action": "this.touchAction" } }, providers: [
|
|
646
|
+
ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ScrollViewComponent, isStandalone: true, selector: "kendo-scrollview", inputs: { data: "data", activeIndex: "activeIndex", width: "width", height: "height", endless: "endless", pagerOverlay: "pagerOverlay", animate: "animate", pageable: "pageable", arrows: "arrows" }, outputs: { itemChanged: "itemChanged", activeIndexChange: "activeIndexChange" }, host: { properties: { "class.k-scrollview": "this.scrollViewClass", "attr.role": "this.scrollViewRole", "attr.aria-roledescription": "this.scrollViewRoleDescription", "class.k-scrollview-light": "this.scrollViewLightOverlayClass", "class.k-scrollview-dark": "this.scrollViewDarkOverlayClass", "style.width": "this.hostWidth", "style.height": "this.hostHeight", "attr.tabindex": "this.tabIndex", "attr.aria-live": "this.ariaLive", "attr.dir": "this.dir", "style.touch-action": "this.touchAction" } }, providers: [
|
|
647
647
|
LocalizationService,
|
|
648
648
|
{
|
|
649
649
|
provide: L10N_PREFIX,
|
|
@@ -723,7 +723,7 @@ ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
|
|
|
723
723
|
</kendo-scrollview-pager>
|
|
724
724
|
</div>
|
|
725
725
|
<div class="k-sr-only" aria-live="polite"></div>
|
|
726
|
-
`, isInline: true, dependencies: [{ kind: "directive", type:
|
|
726
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoScrollViewLocalizedMessages]" }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: ScrollViewPagerComponent, selector: "kendo-scrollview-pager", inputs: ["activeIndex", "data"], outputs: ["pagerIndexChange"] }], animations: [
|
|
727
727
|
trigger('animateTo', [
|
|
728
728
|
state('center, left, right', style({ transform: 'translateX(0)' })),
|
|
729
729
|
transition('* => right', [
|
|
@@ -837,7 +837,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
837
837
|
</kendo-scrollview-pager>
|
|
838
838
|
</div>
|
|
839
839
|
<div class="k-sr-only" aria-live="polite"></div>
|
|
840
|
-
|
|
840
|
+
`,
|
|
841
|
+
standalone: true,
|
|
842
|
+
imports: [LocalizedMessagesDirective, DraggableDirective, NgFor, NgStyle, NgTemplateOutlet, NgIf, IconWrapperComponent, ScrollViewPagerComponent]
|
|
841
843
|
}]
|
|
842
844
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.LocalizationService }, { type: i0.NgZone }, { type: i0.Renderer2 }]; }, propDecorators: { data: [{
|
|
843
845
|
type: Input
|
|
@@ -910,7 +912,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
910
912
|
|
|
911
913
|
/**
|
|
912
914
|
* Custom component messages override default component messages
|
|
913
|
-
* ([see example]({
|
|
915
|
+
* ([see example]({slug:rtl_scrollview#toc-custom-messages)).
|
|
914
916
|
*/
|
|
915
917
|
class CustomMessagesComponent extends ScrollViewMessages {
|
|
916
918
|
constructor(service) {
|
|
@@ -922,7 +924,7 @@ class CustomMessagesComponent extends ScrollViewMessages {
|
|
|
922
924
|
}
|
|
923
925
|
}
|
|
924
926
|
CustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
925
|
-
CustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CustomMessagesComponent, selector: "kendo-scrollview-messages", providers: [
|
|
927
|
+
CustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-scrollview-messages", providers: [
|
|
926
928
|
{
|
|
927
929
|
provide: ScrollViewMessages,
|
|
928
930
|
useExisting: forwardRef(() => CustomMessagesComponent)
|
|
@@ -938,20 +940,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
938
940
|
}
|
|
939
941
|
],
|
|
940
942
|
selector: 'kendo-scrollview-messages',
|
|
941
|
-
template:
|
|
943
|
+
template: ``,
|
|
944
|
+
standalone: true
|
|
942
945
|
}]
|
|
943
946
|
}], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
|
|
944
947
|
|
|
945
|
-
|
|
946
|
-
|
|
947
|
-
|
|
948
|
-
|
|
949
|
-
LocalizedMessagesDirective
|
|
950
|
-
];
|
|
951
|
-
const EXPORTS = [
|
|
948
|
+
/**
|
|
949
|
+
* Utility array that contains all `@progress/kendo-angular-scrollview` related components and directives
|
|
950
|
+
*/
|
|
951
|
+
const KENDO_SCROLLVIEW = [
|
|
952
952
|
ScrollViewComponent,
|
|
953
953
|
CustomMessagesComponent
|
|
954
954
|
];
|
|
955
|
+
|
|
956
|
+
//IMPORTANT: NgModule export kept for backwards compatibility
|
|
955
957
|
/**
|
|
956
958
|
* Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
|
|
957
959
|
* definition for the ScrollView component.
|
|
@@ -986,18 +988,14 @@ const EXPORTS = [
|
|
|
986
988
|
class ScrollViewModule {
|
|
987
989
|
}
|
|
988
990
|
ScrollViewModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScrollViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
989
|
-
ScrollViewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ScrollViewModule,
|
|
990
|
-
|
|
991
|
-
CustomMessagesComponent,
|
|
992
|
-
LocalizedMessagesDirective], imports: [CommonModule, DraggableModule, IconsModule], exports: [ScrollViewComponent,
|
|
993
|
-
CustomMessagesComponent] });
|
|
994
|
-
ScrollViewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScrollViewModule, imports: [CommonModule, DraggableModule, IconsModule] });
|
|
991
|
+
ScrollViewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ScrollViewModule, imports: [ScrollViewComponent, CustomMessagesComponent], exports: [ScrollViewComponent, CustomMessagesComponent] });
|
|
992
|
+
ScrollViewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScrollViewModule, providers: [IconsService], imports: [KENDO_SCROLLVIEW] });
|
|
995
993
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScrollViewModule, decorators: [{
|
|
996
994
|
type: NgModule,
|
|
997
995
|
args: [{
|
|
998
|
-
|
|
999
|
-
exports: [
|
|
1000
|
-
|
|
996
|
+
imports: [...KENDO_SCROLLVIEW],
|
|
997
|
+
exports: [...KENDO_SCROLLVIEW],
|
|
998
|
+
providers: [IconsService]
|
|
1001
999
|
}]
|
|
1002
1000
|
}] });
|
|
1003
1001
|
|
|
@@ -1005,5 +1003,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1005
1003
|
* Generated bundle index. Do not edit.
|
|
1006
1004
|
*/
|
|
1007
1005
|
|
|
1008
|
-
export { CustomMessagesComponent, ScrollViewComponent, ScrollViewModule, ScrollViewPagerComponent };
|
|
1006
|
+
export { CustomMessagesComponent, KENDO_SCROLLVIEW, ScrollViewComponent, ScrollViewModule, ScrollViewPagerComponent };
|
|
1009
1007
|
|
|
@@ -5,17 +5,14 @@
|
|
|
5
5
|
import * as i0 from '@angular/core';
|
|
6
6
|
import { EventEmitter, Component, Input, Output, Directive, forwardRef, TemplateRef, ContentChild, ViewChild, HostBinding, NgModule } from '@angular/core';
|
|
7
7
|
import { trigger, state, style, transition, animate } from '@angular/animations';
|
|
8
|
-
import
|
|
9
|
-
import { Keys, DraggableModule } from '@progress/kendo-angular-common';
|
|
8
|
+
import { Keys, DraggableDirective } from '@progress/kendo-angular-common';
|
|
10
9
|
import { validatePackage } from '@progress/kendo-licensing';
|
|
11
10
|
import * as i1 from '@progress/kendo-angular-l10n';
|
|
12
11
|
import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
|
|
13
12
|
import { chevronLeftIcon, chevronRightIcon } from '@progress/kendo-svg-icons';
|
|
14
13
|
import { Subscription } from 'rxjs';
|
|
15
|
-
import
|
|
16
|
-
import {
|
|
17
|
-
import * as i4 from '@progress/kendo-angular-icons';
|
|
18
|
-
import { IconsModule } from '@progress/kendo-angular-icons';
|
|
14
|
+
import { NgFor, NgClass, NgStyle, NgTemplateOutlet, NgIf } from '@angular/common';
|
|
15
|
+
import { IconWrapperComponent, IconsService } from '@progress/kendo-angular-icons';
|
|
19
16
|
|
|
20
17
|
/**
|
|
21
18
|
* @hidden
|
|
@@ -33,8 +30,8 @@ const packageMetadata = {
|
|
|
33
30
|
name: '@progress/kendo-angular-scrollview',
|
|
34
31
|
productName: 'Kendo UI for Angular',
|
|
35
32
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
36
|
-
publishDate:
|
|
37
|
-
version: '16.
|
|
33
|
+
publishDate: 1721847291,
|
|
34
|
+
version: '16.6.0-develop.2',
|
|
38
35
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
39
36
|
};
|
|
40
37
|
|
|
@@ -149,14 +146,14 @@ class ScrollViewPagerComponent {
|
|
|
149
146
|
}
|
|
150
147
|
}
|
|
151
148
|
ScrollViewPagerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScrollViewPagerComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
152
|
-
ScrollViewPagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ScrollViewPagerComponent, selector: "kendo-scrollview-pager", inputs: { activeIndex: "activeIndex", data: "data" }, outputs: { pagerIndexChange: "pagerIndexChange" }, ngImport: i0, template: `
|
|
149
|
+
ScrollViewPagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ScrollViewPagerComponent, isStandalone: true, selector: "kendo-scrollview-pager", inputs: { activeIndex: "activeIndex", data: "data" }, outputs: { pagerIndexChange: "pagerIndexChange" }, ngImport: i0, template: `
|
|
153
150
|
<div class="k-scrollview-nav">
|
|
154
151
|
<span [attr.aria-label]="pagerButtonLabel(i + 1)" role="button" class="k-link" *ngFor="let item of data; let i = index"
|
|
155
152
|
[ngClass]="itemClass(i)"
|
|
156
153
|
(click)="indexChange(i)">
|
|
157
154
|
</span>
|
|
158
155
|
</div>
|
|
159
|
-
`, isInline: true, dependencies: [{ kind: "directive", type:
|
|
156
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
160
157
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScrollViewPagerComponent, decorators: [{
|
|
161
158
|
type: Component,
|
|
162
159
|
args: [{
|
|
@@ -168,7 +165,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
168
165
|
(click)="indexChange(i)">
|
|
169
166
|
</span>
|
|
170
167
|
</div>
|
|
171
|
-
|
|
168
|
+
`,
|
|
169
|
+
standalone: true,
|
|
170
|
+
imports: [NgFor, NgClass]
|
|
172
171
|
}]
|
|
173
172
|
}], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { activeIndex: [{
|
|
174
173
|
type: Input
|
|
@@ -205,7 +204,7 @@ class LocalizedMessagesDirective extends ScrollViewMessages {
|
|
|
205
204
|
}
|
|
206
205
|
}
|
|
207
206
|
LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
208
|
-
LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedMessagesDirective, selector: "[kendoScrollViewLocalizedMessages]", providers: [
|
|
207
|
+
LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoScrollViewLocalizedMessages]", providers: [
|
|
209
208
|
{
|
|
210
209
|
provide: ScrollViewMessages,
|
|
211
210
|
useExisting: forwardRef(() => LocalizedMessagesDirective)
|
|
@@ -220,7 +219,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
220
219
|
useExisting: forwardRef(() => LocalizedMessagesDirective)
|
|
221
220
|
}
|
|
222
221
|
],
|
|
223
|
-
selector: '[kendoScrollViewLocalizedMessages]'
|
|
222
|
+
selector: '[kendoScrollViewLocalizedMessages]',
|
|
223
|
+
standalone: true
|
|
224
224
|
}]
|
|
225
225
|
}], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
|
|
226
226
|
|
|
@@ -642,7 +642,7 @@ class ScrollViewComponent {
|
|
|
642
642
|
}
|
|
643
643
|
}
|
|
644
644
|
ScrollViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScrollViewComponent, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
645
|
-
ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ScrollViewComponent, selector: "kendo-scrollview", inputs: { data: "data", activeIndex: "activeIndex", width: "width", height: "height", endless: "endless", pagerOverlay: "pagerOverlay", animate: "animate", pageable: "pageable", arrows: "arrows" }, outputs: { itemChanged: "itemChanged", activeIndexChange: "activeIndexChange" }, host: { properties: { "class.k-scrollview": "this.scrollViewClass", "attr.role": "this.scrollViewRole", "attr.aria-roledescription": "this.scrollViewRoleDescription", "class.k-scrollview-light": "this.scrollViewLightOverlayClass", "class.k-scrollview-dark": "this.scrollViewDarkOverlayClass", "style.width": "this.hostWidth", "style.height": "this.hostHeight", "attr.tabindex": "this.tabIndex", "attr.aria-live": "this.ariaLive", "attr.dir": "this.dir", "style.touch-action": "this.touchAction" } }, providers: [
|
|
645
|
+
ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ScrollViewComponent, isStandalone: true, selector: "kendo-scrollview", inputs: { data: "data", activeIndex: "activeIndex", width: "width", height: "height", endless: "endless", pagerOverlay: "pagerOverlay", animate: "animate", pageable: "pageable", arrows: "arrows" }, outputs: { itemChanged: "itemChanged", activeIndexChange: "activeIndexChange" }, host: { properties: { "class.k-scrollview": "this.scrollViewClass", "attr.role": "this.scrollViewRole", "attr.aria-roledescription": "this.scrollViewRoleDescription", "class.k-scrollview-light": "this.scrollViewLightOverlayClass", "class.k-scrollview-dark": "this.scrollViewDarkOverlayClass", "style.width": "this.hostWidth", "style.height": "this.hostHeight", "attr.tabindex": "this.tabIndex", "attr.aria-live": "this.ariaLive", "attr.dir": "this.dir", "style.touch-action": "this.touchAction" } }, providers: [
|
|
646
646
|
LocalizationService,
|
|
647
647
|
{
|
|
648
648
|
provide: L10N_PREFIX,
|
|
@@ -722,7 +722,7 @@ ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
|
|
|
722
722
|
</kendo-scrollview-pager>
|
|
723
723
|
</div>
|
|
724
724
|
<div class="k-sr-only" aria-live="polite"></div>
|
|
725
|
-
`, isInline: true, dependencies: [{ kind: "directive", type:
|
|
725
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoScrollViewLocalizedMessages]" }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: ScrollViewPagerComponent, selector: "kendo-scrollview-pager", inputs: ["activeIndex", "data"], outputs: ["pagerIndexChange"] }], animations: [
|
|
726
726
|
trigger('animateTo', [
|
|
727
727
|
state('center, left, right', style({ transform: 'translateX(0)' })),
|
|
728
728
|
transition('* => right', [
|
|
@@ -836,7 +836,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
836
836
|
</kendo-scrollview-pager>
|
|
837
837
|
</div>
|
|
838
838
|
<div class="k-sr-only" aria-live="polite"></div>
|
|
839
|
-
|
|
839
|
+
`,
|
|
840
|
+
standalone: true,
|
|
841
|
+
imports: [LocalizedMessagesDirective, DraggableDirective, NgFor, NgStyle, NgTemplateOutlet, NgIf, IconWrapperComponent, ScrollViewPagerComponent]
|
|
840
842
|
}]
|
|
841
843
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.LocalizationService }, { type: i0.NgZone }, { type: i0.Renderer2 }]; }, propDecorators: { data: [{
|
|
842
844
|
type: Input
|
|
@@ -909,7 +911,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
909
911
|
|
|
910
912
|
/**
|
|
911
913
|
* Custom component messages override default component messages
|
|
912
|
-
* ([see example]({
|
|
914
|
+
* ([see example]({slug:rtl_scrollview#toc-custom-messages)).
|
|
913
915
|
*/
|
|
914
916
|
class CustomMessagesComponent extends ScrollViewMessages {
|
|
915
917
|
constructor(service) {
|
|
@@ -921,7 +923,7 @@ class CustomMessagesComponent extends ScrollViewMessages {
|
|
|
921
923
|
}
|
|
922
924
|
}
|
|
923
925
|
CustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
924
|
-
CustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CustomMessagesComponent, selector: "kendo-scrollview-messages", providers: [
|
|
926
|
+
CustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-scrollview-messages", providers: [
|
|
925
927
|
{
|
|
926
928
|
provide: ScrollViewMessages,
|
|
927
929
|
useExisting: forwardRef(() => CustomMessagesComponent)
|
|
@@ -937,20 +939,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
937
939
|
}
|
|
938
940
|
],
|
|
939
941
|
selector: 'kendo-scrollview-messages',
|
|
940
|
-
template:
|
|
942
|
+
template: ``,
|
|
943
|
+
standalone: true
|
|
941
944
|
}]
|
|
942
945
|
}], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
|
|
943
946
|
|
|
944
|
-
|
|
945
|
-
|
|
946
|
-
|
|
947
|
-
|
|
948
|
-
LocalizedMessagesDirective
|
|
949
|
-
];
|
|
950
|
-
const EXPORTS = [
|
|
947
|
+
/**
|
|
948
|
+
* Utility array that contains all `@progress/kendo-angular-scrollview` related components and directives
|
|
949
|
+
*/
|
|
950
|
+
const KENDO_SCROLLVIEW = [
|
|
951
951
|
ScrollViewComponent,
|
|
952
952
|
CustomMessagesComponent
|
|
953
953
|
];
|
|
954
|
+
|
|
955
|
+
//IMPORTANT: NgModule export kept for backwards compatibility
|
|
954
956
|
/**
|
|
955
957
|
* Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
|
|
956
958
|
* definition for the ScrollView component.
|
|
@@ -985,18 +987,14 @@ const EXPORTS = [
|
|
|
985
987
|
class ScrollViewModule {
|
|
986
988
|
}
|
|
987
989
|
ScrollViewModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScrollViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
988
|
-
ScrollViewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ScrollViewModule,
|
|
989
|
-
|
|
990
|
-
CustomMessagesComponent,
|
|
991
|
-
LocalizedMessagesDirective], imports: [CommonModule, DraggableModule, IconsModule], exports: [ScrollViewComponent,
|
|
992
|
-
CustomMessagesComponent] });
|
|
993
|
-
ScrollViewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScrollViewModule, imports: [CommonModule, DraggableModule, IconsModule] });
|
|
990
|
+
ScrollViewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ScrollViewModule, imports: [ScrollViewComponent, CustomMessagesComponent], exports: [ScrollViewComponent, CustomMessagesComponent] });
|
|
991
|
+
ScrollViewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScrollViewModule, providers: [IconsService], imports: [KENDO_SCROLLVIEW] });
|
|
994
992
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ScrollViewModule, decorators: [{
|
|
995
993
|
type: NgModule,
|
|
996
994
|
args: [{
|
|
997
|
-
|
|
998
|
-
exports: [
|
|
999
|
-
|
|
995
|
+
imports: [...KENDO_SCROLLVIEW],
|
|
996
|
+
exports: [...KENDO_SCROLLVIEW],
|
|
997
|
+
providers: [IconsService]
|
|
1000
998
|
}]
|
|
1001
999
|
}] });
|
|
1002
1000
|
|
|
@@ -1004,5 +1002,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1004
1002
|
* Generated bundle index. Do not edit.
|
|
1005
1003
|
*/
|
|
1006
1004
|
|
|
1007
|
-
export { CustomMessagesComponent, ScrollViewComponent, ScrollViewModule, ScrollViewPagerComponent };
|
|
1005
|
+
export { CustomMessagesComponent, KENDO_SCROLLVIEW, ScrollViewComponent, ScrollViewModule, ScrollViewPagerComponent };
|
|
1008
1006
|
|
package/index.d.ts
CHANGED
|
@@ -8,3 +8,4 @@ export { ScrollViewPagerComponent } from './scrollview-pager.component';
|
|
|
8
8
|
export { ItemChangedEvent } from './change-event-args';
|
|
9
9
|
export { ScrollViewPagerOverlay } from './enums';
|
|
10
10
|
export { CustomMessagesComponent } from './localization/custom-messages.component';
|
|
11
|
+
export * from './directives';
|
|
@@ -7,12 +7,12 @@ import { ScrollViewMessages } from './messages';
|
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
/**
|
|
9
9
|
* Custom component messages override default component messages
|
|
10
|
-
* ([see example]({
|
|
10
|
+
* ([see example]({slug:rtl_scrollview#toc-custom-messages)).
|
|
11
11
|
*/
|
|
12
12
|
export declare class CustomMessagesComponent extends ScrollViewMessages {
|
|
13
13
|
protected service: LocalizationService;
|
|
14
14
|
constructor(service: LocalizationService);
|
|
15
15
|
protected get override(): boolean;
|
|
16
16
|
static ɵfac: i0.ɵɵFactoryDeclaration<CustomMessagesComponent, never>;
|
|
17
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CustomMessagesComponent, "kendo-scrollview-messages", never, {}, {}, never, never,
|
|
17
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CustomMessagesComponent, "kendo-scrollview-messages", never, {}, {}, never, never, true, never>;
|
|
18
18
|
}
|
|
@@ -12,5 +12,5 @@ export declare class LocalizedMessagesDirective extends ScrollViewMessages {
|
|
|
12
12
|
protected service: LocalizationService;
|
|
13
13
|
constructor(service: LocalizationService);
|
|
14
14
|
static ɵfac: i0.ɵɵFactoryDeclaration<LocalizedMessagesDirective, never>;
|
|
15
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<LocalizedMessagesDirective, "[kendoScrollViewLocalizedMessages]", never, {}, {}, never, never,
|
|
15
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<LocalizedMessagesDirective, "[kendoScrollViewLocalizedMessages]", never, {}, {}, never, never, true, never>;
|
|
16
16
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-scrollview",
|
|
3
|
-
"version": "16.
|
|
3
|
+
"version": "16.6.0-develop.2",
|
|
4
4
|
"description": "A ScrollView Component for Angular",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -23,14 +23,14 @@
|
|
|
23
23
|
"@angular/core": "15 - 18",
|
|
24
24
|
"@angular/platform-browser": "15 - 18",
|
|
25
25
|
"@progress/kendo-licensing": "^1.0.2",
|
|
26
|
-
"@progress/kendo-angular-common": "16.
|
|
27
|
-
"@progress/kendo-angular-l10n": "16.
|
|
28
|
-
"@progress/kendo-angular-icons": "16.
|
|
26
|
+
"@progress/kendo-angular-common": "16.6.0-develop.2",
|
|
27
|
+
"@progress/kendo-angular-l10n": "16.6.0-develop.2",
|
|
28
|
+
"@progress/kendo-angular-icons": "16.6.0-develop.2",
|
|
29
29
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
32
|
"tslib": "^2.3.1",
|
|
33
|
-
"@progress/kendo-angular-schematics": "16.
|
|
33
|
+
"@progress/kendo-angular-schematics": "16.6.0-develop.2"
|
|
34
34
|
},
|
|
35
35
|
"schematics": "./schematics/collection.json",
|
|
36
36
|
"module": "fesm2015/progress-kendo-angular-scrollview.mjs",
|
|
@@ -19,5 +19,5 @@ export declare class ScrollViewPagerComponent {
|
|
|
19
19
|
pagerButtonLabel(itemIndex: number): string;
|
|
20
20
|
private replaceMessagePlaceholder;
|
|
21
21
|
static ɵfac: i0.ɵɵFactoryDeclaration<ScrollViewPagerComponent, never>;
|
|
22
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ScrollViewPagerComponent, "kendo-scrollview-pager", never, { "activeIndex": "activeIndex"; "data": "data"; }, { "pagerIndexChange": "pagerIndexChange"; }, never, never,
|
|
22
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ScrollViewPagerComponent, "kendo-scrollview-pager", never, { "activeIndex": "activeIndex"; "data": "data"; }, { "pagerIndexChange": "pagerIndexChange"; }, never, never, true, never>;
|
|
23
23
|
}
|
|
@@ -225,5 +225,5 @@ export declare class ScrollViewComponent implements OnChanges, OnDestroy {
|
|
|
225
225
|
get prevButtonArrowSVGIcon(): SVGIcon;
|
|
226
226
|
get nextButtonArrowSVGIcon(): SVGIcon;
|
|
227
227
|
static ɵfac: i0.ɵɵFactoryDeclaration<ScrollViewComponent, never>;
|
|
228
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ScrollViewComponent, "kendo-scrollview", ["kendoScrollView"], { "data": "data"; "activeIndex": "activeIndex"; "width": "width"; "height": "height"; "endless": "endless"; "pagerOverlay": "pagerOverlay"; "animate": "animate"; "pageable": "pageable"; "arrows": "arrows"; }, { "itemChanged": "itemChanged"; "activeIndexChange": "activeIndexChange"; }, ["itemTemplateRef"], never,
|
|
228
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ScrollViewComponent, "kendo-scrollview", ["kendoScrollView"], { "data": "data"; "activeIndex": "activeIndex"; "width": "width"; "height": "height"; "endless": "endless"; "pagerOverlay": "pagerOverlay"; "animate": "animate"; "pageable": "pageable"; "arrows": "arrows"; }, { "itemChanged": "itemChanged"; "activeIndexChange": "activeIndexChange"; }, ["itemTemplateRef"], never, true, never>;
|
|
229
229
|
}
|
package/scrollview.module.d.ts
CHANGED
|
@@ -4,12 +4,7 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
import * as i1 from "./scrollview.component";
|
|
7
|
-
import * as i2 from "./
|
|
8
|
-
import * as i3 from "./localization/custom-messages.component";
|
|
9
|
-
import * as i4 from "./localization/localized-messages.directive";
|
|
10
|
-
import * as i5 from "@angular/common";
|
|
11
|
-
import * as i6 from "@progress/kendo-angular-common";
|
|
12
|
-
import * as i7 from "@progress/kendo-angular-icons";
|
|
7
|
+
import * as i2 from "./localization/custom-messages.component";
|
|
13
8
|
/**
|
|
14
9
|
* Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
|
|
15
10
|
* definition for the ScrollView component.
|
|
@@ -43,6 +38,6 @@ import * as i7 from "@progress/kendo-angular-icons";
|
|
|
43
38
|
*/
|
|
44
39
|
export declare class ScrollViewModule {
|
|
45
40
|
static ɵfac: i0.ɵɵFactoryDeclaration<ScrollViewModule, never>;
|
|
46
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<ScrollViewModule, [typeof i1.ScrollViewComponent, typeof i2.
|
|
41
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ScrollViewModule, never, [typeof i1.ScrollViewComponent, typeof i2.CustomMessagesComponent], [typeof i1.ScrollViewComponent, typeof i2.CustomMessagesComponent]>;
|
|
47
42
|
static ɵinj: i0.ɵɵInjectorDeclaration<ScrollViewModule>;
|
|
48
43
|
}
|