@progress/kendo-angular-scrollview 19.1.2-develop.2 → 19.1.2-develop.4

package/change-event-args.d.ts

@@ -3,16 +3,17 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Arguments for the `itemChanged` event.
- * The `itemChanged` event fires when the current item is changed.
+ * Represents the arguments for the `itemChanged` event.
+ *
+ * The `itemChanged` event fires when the current item in the ScrollView changes.
  */
 export interface ItemChangedEvent {
     /**
-     * The changed item.
+     * Specifies the changed item.
      */
     item: any;
     /**
-     * The index of the changed item.
+     * Specifies the index of the changed item.
      */
     index: number;
 }

package/directives.d.ts

@@ -5,6 +5,25 @@
 import { CustomMessagesComponent } from "./localization/custom-messages.component";
 import { ScrollViewComponent } from "./scrollview.component";
 /**
- * Utility array that contains all `@progress/kendo-angular-scrollview` related components and directives
+ * Use the `KENDO_SCROLLVIEW` utility array to add all `@progress/kendo-angular-scrollview` related components and directives to a standalone Angular component.
+ *
+ * @example
+ * ```typescript
+ * import { Component } from '@angular/core';
+ * import { KENDO_SCROLLVIEW } from '@progress/kendo-angular-scrollview';
+ *
+ * @Component({
+ *   standalone: true,
+ *   imports: [KENDO_SCROLLVIEW],
+ *   template: `<kendo-scrollview [data]="items"></kendo-scrollview>`
+ * })
+ * export class AppComponent {
+ *   public items = [
+ *     { title: 'Flower' },
+ *     { title: 'Mountain' },
+ *     { title: 'Sky' }
+ *   ];
+ * }
+ * ```
  */
 export declare const KENDO_SCROLLVIEW: readonly [typeof ScrollViewComponent, typeof CustomMessagesComponent];

package/esm2022/directives.mjs

@@ -5,7 +5,26 @@
 import { CustomMessagesComponent } from "./localization/custom-messages.component";
 import { ScrollViewComponent } from "./scrollview.component";
 /**
- * Utility array that contains all `@progress/kendo-angular-scrollview` related components and directives
+ * Use the `KENDO_SCROLLVIEW` utility array to add all `@progress/kendo-angular-scrollview` related components and directives to a standalone Angular component.
+ *
+ * @example
+ * ```typescript
+ * import { Component } from '@angular/core';
+ * import { KENDO_SCROLLVIEW } from '@progress/kendo-angular-scrollview';
+ *
+ * @Component({
+ *   standalone: true,
+ *   imports: [KENDO_SCROLLVIEW],
+ *   template: `<kendo-scrollview [data]="items"></kendo-scrollview>`
+ * })
+ * export class AppComponent {
+ *   public items = [
+ *     { title: 'Flower' },
+ *     { title: 'Mountain' },
+ *     { title: 'Sky' }
+ *   ];
+ * }
+ * ```
  */
 export const KENDO_SCROLLVIEW = [
     ScrollViewComponent,

package/esm2022/localization/custom-messages.component.mjs

@@ -8,7 +8,9 @@ import { ScrollViewMessages } from './messages';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 /**
- * Custom component messages override default component messages
+ * Represents the custom messages component of the ScrollView.
+ *
+ * Use this component to override default messages for the ScrollView
  * ([see example](slug:rtl_scrollview#toc-custom-messages)).
  */
 export class CustomMessagesComponent extends ScrollViewMessages {

package/esm2022/localization/messages.mjs

@@ -10,8 +10,8 @@ import * as i0 from "@angular/core";
  */
 export class ScrollViewMessages extends ComponentMessages {
     /**
-     * The label of the buttons in the ScrollView pager. By default they follow the pattern 'Item {itemIndex}'.
-     * The default label text when the current item is 1 will be 'Item 1'.
+     * Sets the label for the buttons in the ScrollView pager. The default label pattern is `'Item {itemIndex}'`.
+     * When the current item is 1, the default label is `'Item 1'`.
      */
     pagerButtonLabel;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ScrollViewMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1749820742,
-    version: '19.1.2-develop.2',
+    publishDate: 1750157237,
+    version: '19.1.2-develop.4',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2022/scrollview.component.mjs

@@ -23,56 +23,18 @@ import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 let idx = 0;
 /**
- * Represents the [Kendo UI ScrollView component for Angular]({% slug overview_scrollview %}).
+ * Represents the [Kendo UI ScrollView component for Angular](slug:overview_scrollview).
  *
- * @example
- * ```ts
- *
- * _@Component({
- *     selector: 'my-app',
- *     template: `
- *       <kendo-scrollview
- *          [data]="items"
- *          [width]="width"
- *          [height]="height"
- *          [endless]="endless"
- *          [pageable]="pageable">
- *         <ng-template let-item="item">
- *           <h2 class="demo-title">{{item.title}}</h2>
- *           <img src='{{item.url}}' alt='{{item.title}}' [ngStyle]="{minWidth: width}" draggable="false" />
- *         </ng-template>
- *       </kendo-scrollview>
- *     `,
- *     styles: [`
- *       .k-scrollview-wrap {
- *         margin: 0 auto;
- *       }
- *       .demo-title {
- *         position: absolute;
- *         top: 0;
- *         left: 0;
- *         right: 0;
- *         margin: 0;
- *         padding: 15px;
- *         color: #fff;
- *         background-color: rgba(0,0,0,.4);
- *         text-align: center;
- *         font-size: 24px;
- *       }
- *     `]
- * })
+ * Use the ScrollViewComponent to display a horizontally scrollable list of items. You can customize the content and navigation.
  *
- * class AppComponent {
- *  public width: string = "600px";
- *  public height: string = "400px";
- *  public endless: boolean = false;
- *  public pageable: boolean = false;
- *  public items: any[] = [
- *       { title: 'Flower', url: 'https://bit.ly/2cJjYuB' },
- *       { title: 'Mountain', url: 'https://bit.ly/2cTBNaL' },
- *       { title: 'Sky', url: 'https://bit.ly/2cJl3Cx' }
- *  ];
- * }
+ * @example
+ * ```html
+ * <kendo-scrollview [data]="items" [width]="width" [height]="height">
+ *    <ng-template let-item="item">
+ *       <h2>{{item.title}}</h2>
+ *       <img width="100%" [src]="item.url" />
+ *    </ng-template>
+ * </kendo-scrollview>
  * ```
  */
 export class ScrollViewComponent {
@@ -89,11 +51,13 @@ export class ScrollViewComponent {
      */
     chevronRightIcon = chevronRightIcon;
     /**
-     * Provides the data source for the ScrollView ([see example]({% slug datasources_scrollview %})).
+     * Provides the data source for the ScrollView ([see example](slug:datasources_scrollview)).
+     * @default []
      */
     data = [];
     /**
-     * Represents the current item index ([see example]({% slug activeitems_scrollview %})).
+     * Sets the current item index ([see example](slug:activeitems_scrollview)).
+     * @default 0
      */
     set activeIndex(value) {
         this.index = this._activeIndex = value;
@@ -102,39 +66,38 @@ export class ScrollViewComponent {
         return this._activeIndex;
     }
     /**
-     * Sets the width of the ScrollView ([see example]({% slug dimensions_scrollview %})).
-     * By default, the width is not set and you have to explicitly define the `width` value.
+     * Sets the width of the ScrollView ([see example](slug:dimensions_scrollview)).
+     * By default, the width is not set and must be explicitly defined.
      */
     width;
     /**
-     * Sets the height of the ScrollView ([see example]({% slug dimensions_scrollview %})).
-     * By default, the height is not set and you have to explicitly define the `height` value.
+     * Sets the height of the ScrollView ([see example](slug:dimensions_scrollview)).
+     * By default, the height is not set and must be explicitly defined.
      */
     height;
     /**
-     * Enables or disables the endless scrolling mode in which the data source items are endlessly looped
-     * ([see example]({% slug endlessscrolling_scrollview %})). By default, `endless` is set to `false`
-     * and the endless scrolling mode is disabled.
+     * Enables or disables endless scrolling mode, where items loop endlessly ([see example](slug:endlessscrolling_scrollview)).
+     * @default false
      */
     endless = false;
     /**
-     * Sets `pagerOverlay` to one of three possible values: `dark`, `light` or `none`.
-     * By default, the pager overlay is set to `none`.
+     * Sets the pager overlay style to `dark`, `light`, or `none`.
+     * @default 'none'
      */
     pagerOverlay = 'none';
     /**
-     * Enables or disables the built-in animations ([see example]({% slug animations_scrollview %})).
-     * By default, `animate` is set to `true` and animations are enabled.
+     * Enables or disables built-in animations ([see example](slug:animations_scrollview)).
+     * @default true
      */
     animate = true;
     /**
-     * Enables or disables the built-in pager ([see example]({% slug paging_scrollview %})).
-     * By default, `pageable` is set to `false` and paging is disabled.
+     * Enables or disables the built-in pager ([see example](slug:paging_scrollview)).
+     * @default false
      */
     pageable = false;
     /**
-     * Enables or disables the built-in navigation arrows ([see example]({% slug arrows_scrollview %})).
-     * By default, `arrows` is set to `false` and arrows are disabled.
+     * Enables or disables the built-in navigation arrows ([see example](slug:arrows_scrollview)).
+     * @default false
      */
     arrows = false;
     /**
@@ -142,7 +105,7 @@ export class ScrollViewComponent {
      */
     itemChanged = new EventEmitter();
     /**
-     * Fires after the activeIndex has changed. Allows for two-way binding of the activeIndex property.
+     * Fires after the `activeIndex` has changed. Allows for two-way binding of the `activeIndex` property.
      */
     activeIndexChange = new EventEmitter();
     itemTemplateRef;

package/esm2022/scrollview.module.mjs

@@ -14,30 +14,18 @@ import * as i2 from "./localization/custom-messages.component";
  * definition for the ScrollView component.
  *
  * @example
- *
- * ```ts-no-run
- * // Import the ScrollView module
- * import { ScrollViewModule } from '@progress/kendo-angular-scrollview';
- *
- * // The browser platform with a compiler
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
- *
+ * ```typescript
  * import { NgModule } from '@angular/core';
- *
- * // Import the app component
+ * import { BrowserModule } from '@angular/platform-browser';
+ * import { ScrollViewModule } from '@progress/kendo-angular-scrollview';
  * import { AppComponent } from './app.component';
  *
- * // Define the app module
- * _@NgModule({
- *     declarations: [AppComponent], // declare app component
- *     imports:      [BrowserModule, ScrollViewModule], // import ScrollView module
- *     bootstrap:    [AppComponent]
+ * @NgModule({
+ *   declarations: [AppComponent],
+ *   imports: [BrowserModule, ScrollViewModule],
+ *   bootstrap: [AppComponent]
  * })
  * export class AppModule {}
- *
- * // Compile and launch the module
- * platformBrowserDynamic().bootstrapModule(AppModule);
- *
  * ```
  */
 export class ScrollViewModule {

package/fesm2022/progress-kendo-angular-scrollview.mjs

@@ -31,8 +31,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1749820742,
-    version: '19.1.2-develop.2',
+    publishDate: 1750157237,
+    version: '19.1.2-develop.4',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -191,8 +191,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  */
 class ScrollViewMessages extends ComponentMessages {
     /**
-     * The label of the buttons in the ScrollView pager. By default they follow the pattern 'Item {itemIndex}'.
-     * The default label text when the current item is 1 will be 'Item 1'.
+     * Sets the label for the buttons in the ScrollView pager. The default label pattern is `'Item {itemIndex}'`.
+     * When the current item is 1, the default label is `'Item 1'`.
      */
     pagerButtonLabel;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ScrollViewMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
@@ -244,56 +244,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 /* eslint-disable @typescript-eslint/no-explicit-any */
 let idx = 0;
 /**
- * Represents the [Kendo UI ScrollView component for Angular]({% slug overview_scrollview %}).
+ * Represents the [Kendo UI ScrollView component for Angular](slug:overview_scrollview).
  *
- * @example
- * ```ts
- *
- * _@Component({
- *     selector: 'my-app',
- *     template: `
- *       <kendo-scrollview
- *          [data]="items"
- *          [width]="width"
- *          [height]="height"
- *          [endless]="endless"
- *          [pageable]="pageable">
- *         <ng-template let-item="item">
- *           <h2 class="demo-title">{{item.title}}</h2>
- *           <img src='{{item.url}}' alt='{{item.title}}' [ngStyle]="{minWidth: width}" draggable="false" />
- *         </ng-template>
- *       </kendo-scrollview>
- *     `,
- *     styles: [`
- *       .k-scrollview-wrap {
- *         margin: 0 auto;
- *       }
- *       .demo-title {
- *         position: absolute;
- *         top: 0;
- *         left: 0;
- *         right: 0;
- *         margin: 0;
- *         padding: 15px;
- *         color: #fff;
- *         background-color: rgba(0,0,0,.4);
- *         text-align: center;
- *         font-size: 24px;
- *       }
- *     `]
- * })
+ * Use the ScrollViewComponent to display a horizontally scrollable list of items. You can customize the content and navigation.
  *
- * class AppComponent {
- *  public width: string = "600px";
- *  public height: string = "400px";
- *  public endless: boolean = false;
- *  public pageable: boolean = false;
- *  public items: any[] = [
- *       { title: 'Flower', url: 'https://bit.ly/2cJjYuB' },
- *       { title: 'Mountain', url: 'https://bit.ly/2cTBNaL' },
- *       { title: 'Sky', url: 'https://bit.ly/2cJl3Cx' }
- *  ];
- * }
+ * @example
+ * ```html
+ * <kendo-scrollview [data]="items" [width]="width" [height]="height">
+ *    <ng-template let-item="item">
+ *       <h2>{{item.title}}</h2>
+ *       <img width="100%" [src]="item.url" />
+ *    </ng-template>
+ * </kendo-scrollview>
  * ```
  */
 class ScrollViewComponent {
@@ -310,11 +272,13 @@ class ScrollViewComponent {
      */
     chevronRightIcon = chevronRightIcon;
     /**
-     * Provides the data source for the ScrollView ([see example]({% slug datasources_scrollview %})).
+     * Provides the data source for the ScrollView ([see example](slug:datasources_scrollview)).
+     * @default []
      */
     data = [];
     /**
-     * Represents the current item index ([see example]({% slug activeitems_scrollview %})).
+     * Sets the current item index ([see example](slug:activeitems_scrollview)).
+     * @default 0
      */
     set activeIndex(value) {
         this.index = this._activeIndex = value;
@@ -323,39 +287,38 @@ class ScrollViewComponent {
         return this._activeIndex;
     }
     /**
-     * Sets the width of the ScrollView ([see example]({% slug dimensions_scrollview %})).
-     * By default, the width is not set and you have to explicitly define the `width` value.
+     * Sets the width of the ScrollView ([see example](slug:dimensions_scrollview)).
+     * By default, the width is not set and must be explicitly defined.
      */
     width;
     /**
-     * Sets the height of the ScrollView ([see example]({% slug dimensions_scrollview %})).
-     * By default, the height is not set and you have to explicitly define the `height` value.
+     * Sets the height of the ScrollView ([see example](slug:dimensions_scrollview)).
+     * By default, the height is not set and must be explicitly defined.
      */
     height;
     /**
-     * Enables or disables the endless scrolling mode in which the data source items are endlessly looped
-     * ([see example]({% slug endlessscrolling_scrollview %})). By default, `endless` is set to `false`
-     * and the endless scrolling mode is disabled.
+     * Enables or disables endless scrolling mode, where items loop endlessly ([see example](slug:endlessscrolling_scrollview)).
+     * @default false
      */
     endless = false;
     /**
-     * Sets `pagerOverlay` to one of three possible values: `dark`, `light` or `none`.
-     * By default, the pager overlay is set to `none`.
+     * Sets the pager overlay style to `dark`, `light`, or `none`.
+     * @default 'none'
      */
     pagerOverlay = 'none';
     /**
-     * Enables or disables the built-in animations ([see example]({% slug animations_scrollview %})).
-     * By default, `animate` is set to `true` and animations are enabled.
+     * Enables or disables built-in animations ([see example](slug:animations_scrollview)).
+     * @default true
      */
     animate = true;
     /**
-     * Enables or disables the built-in pager ([see example]({% slug paging_scrollview %})).
-     * By default, `pageable` is set to `false` and paging is disabled.
+     * Enables or disables the built-in pager ([see example](slug:paging_scrollview)).
+     * @default false
      */
     pageable = false;
     /**
-     * Enables or disables the built-in navigation arrows ([see example]({% slug arrows_scrollview %})).
-     * By default, `arrows` is set to `false` and arrows are disabled.
+     * Enables or disables the built-in navigation arrows ([see example](slug:arrows_scrollview)).
+     * @default false
      */
     arrows = false;
     /**
@@ -363,7 +326,7 @@ class ScrollViewComponent {
      */
     itemChanged = new EventEmitter();
     /**
-     * Fires after the activeIndex has changed. Allows for two-way binding of the activeIndex property.
+     * Fires after the `activeIndex` has changed. Allows for two-way binding of the `activeIndex` property.
      */
     activeIndexChange = new EventEmitter();
     itemTemplateRef;
@@ -948,7 +911,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 /**
- * Custom component messages override default component messages
+ * Represents the custom messages component of the ScrollView.
+ *
+ * Use this component to override default messages for the ScrollView
  * ([see example](slug:rtl_scrollview#toc-custom-messages)).
  */
 class CustomMessagesComponent extends ScrollViewMessages {
@@ -984,7 +949,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
 
 /**
- * Utility array that contains all `@progress/kendo-angular-scrollview` related components and directives
+ * Use the `KENDO_SCROLLVIEW` utility array to add all `@progress/kendo-angular-scrollview` related components and directives to a standalone Angular component.
+ *
+ * @example
+ * ```typescript
+ * import { Component } from '@angular/core';
+ * import { KENDO_SCROLLVIEW } from '@progress/kendo-angular-scrollview';
+ *
+ * @Component({
+ *   standalone: true,
+ *   imports: [KENDO_SCROLLVIEW],
+ *   template: `<kendo-scrollview [data]="items"></kendo-scrollview>`
+ * })
+ * export class AppComponent {
+ *   public items = [
+ *     { title: 'Flower' },
+ *     { title: 'Mountain' },
+ *     { title: 'Sky' }
+ *   ];
+ * }
+ * ```
  */
 const KENDO_SCROLLVIEW = [
     ScrollViewComponent,
@@ -997,30 +981,18 @@ const KENDO_SCROLLVIEW = [
  * definition for the ScrollView component.
  *
  * @example
- *
- * ```ts-no-run
- * // Import the ScrollView module
- * import { ScrollViewModule } from '@progress/kendo-angular-scrollview';
- *
- * // The browser platform with a compiler
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
- *
+ * ```typescript
  * import { NgModule } from '@angular/core';
- *
- * // Import the app component
+ * import { BrowserModule } from '@angular/platform-browser';
+ * import { ScrollViewModule } from '@progress/kendo-angular-scrollview';
  * import { AppComponent } from './app.component';
  *
- * // Define the app module
- * _@NgModule({
- *     declarations: [AppComponent], // declare app component
- *     imports:      [BrowserModule, ScrollViewModule], // import ScrollView module
- *     bootstrap:    [AppComponent]
+ * @NgModule({
+ *   declarations: [AppComponent],
+ *   imports: [BrowserModule, ScrollViewModule],
+ *   bootstrap: [AppComponent]
  * })
  * export class AppModule {}
- *
- * // Compile and launch the module
- * platformBrowserDynamic().bootstrapModule(AppModule);
- *
  * ```
  */
 class ScrollViewModule {

package/localization/custom-messages.component.d.ts

@@ -6,7 +6,9 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { ScrollViewMessages } from './messages';
 import * as i0 from "@angular/core";
 /**
- * Custom component messages override default component messages
+ * Represents the custom messages component of the ScrollView.
+ *
+ * Use this component to override default messages for the ScrollView
  * ([see example](slug:rtl_scrollview#toc-custom-messages)).
  */
 export declare class CustomMessagesComponent extends ScrollViewMessages {

package/localization/messages.d.ts

@@ -9,8 +9,8 @@ import * as i0 from "@angular/core";
  */
 export declare class ScrollViewMessages extends ComponentMessages {
     /**
-     * The label of the buttons in the ScrollView pager. By default they follow the pattern 'Item {itemIndex}'.
-     * The default label text when the current item is 1 will be 'Item 1'.
+     * Sets the label for the buttons in the ScrollView pager. The default label pattern is `'Item {itemIndex}'`.
+     * When the current item is 1, the default label is `'Item 1'`.
      */
     pagerButtonLabel: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScrollViewMessages, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-scrollview",
-  "version": "19.1.2-develop.2",
+  "version": "19.1.2-develop.4",
   "description": "A ScrollView Component for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -19,7 +19,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1749820742,
+      "publishDate": 1750157237,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -29,14 +29,14 @@
     "@angular/core": "16 - 20",
     "@angular/platform-browser": "16 - 20",
     "@progress/kendo-licensing": "^1.5.0",
-    "@progress/kendo-angular-common": "19.1.2-develop.2",
-    "@progress/kendo-angular-l10n": "19.1.2-develop.2",
-    "@progress/kendo-angular-icons": "19.1.2-develop.2",
+    "@progress/kendo-angular-common": "19.1.2-develop.4",
+    "@progress/kendo-angular-l10n": "19.1.2-develop.4",
+    "@progress/kendo-angular-icons": "19.1.2-develop.4",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "19.1.2-develop.2"
+    "@progress/kendo-angular-schematics": "19.1.2-develop.4"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-scrollview.mjs",

package/scrollview.component.d.ts

@@ -12,56 +12,18 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { SVGIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 /**
- * Represents the [Kendo UI ScrollView component for Angular]({% slug overview_scrollview %}).
+ * Represents the [Kendo UI ScrollView component for Angular](slug:overview_scrollview).
  *
- * @example
- * ```ts
- *
- * _@Component({
- *     selector: 'my-app',
- *     template: `
- *       <kendo-scrollview
- *          [data]="items"
- *          [width]="width"
- *          [height]="height"
- *          [endless]="endless"
- *          [pageable]="pageable">
- *         <ng-template let-item="item">
- *           <h2 class="demo-title">{{item.title}}</h2>
- *           <img src='{{item.url}}' alt='{{item.title}}' [ngStyle]="{minWidth: width}" draggable="false" />
- *         </ng-template>
- *       </kendo-scrollview>
- *     `,
- *     styles: [`
- *       .k-scrollview-wrap {
- *         margin: 0 auto;
- *       }
- *       .demo-title {
- *         position: absolute;
- *         top: 0;
- *         left: 0;
- *         right: 0;
- *         margin: 0;
- *         padding: 15px;
- *         color: #fff;
- *         background-color: rgba(0,0,0,.4);
- *         text-align: center;
- *         font-size: 24px;
- *       }
- *     `]
- * })
+ * Use the ScrollViewComponent to display a horizontally scrollable list of items. You can customize the content and navigation.
  *
- * class AppComponent {
- *  public width: string = "600px";
- *  public height: string = "400px";
- *  public endless: boolean = false;
- *  public pageable: boolean = false;
- *  public items: any[] = [
- *       { title: 'Flower', url: 'https://bit.ly/2cJjYuB' },
- *       { title: 'Mountain', url: 'https://bit.ly/2cTBNaL' },
- *       { title: 'Sky', url: 'https://bit.ly/2cJl3Cx' }
- *  ];
- * }
+ * @example
+ * ```html
+ * <kendo-scrollview [data]="items" [width]="width" [height]="height">
+ *    <ng-template let-item="item">
+ *       <h2>{{item.title}}</h2>
+ *       <img width="100%" [src]="item.url" />
+ *    </ng-template>
+ * </kendo-scrollview>
  * ```
  */
 export declare class ScrollViewComponent implements OnChanges, OnDestroy {
@@ -78,48 +40,49 @@ export declare class ScrollViewComponent implements OnChanges, OnDestroy {
      */
     chevronRightIcon: SVGIcon;
     /**
-     * Provides the data source for the ScrollView ([see example]({% slug datasources_scrollview %})).
+     * Provides the data source for the ScrollView ([see example](slug:datasources_scrollview)).
+     * @default []
      */
     data: Array<any>;
     /**
-     * Represents the current item index ([see example]({% slug activeitems_scrollview %})).
+     * Sets the current item index ([see example](slug:activeitems_scrollview)).
+     * @default 0
      */
     set activeIndex(value: number);
     get activeIndex(): number;
     /**
-     * Sets the width of the ScrollView ([see example]({% slug dimensions_scrollview %})).
-     * By default, the width is not set and you have to explicitly define the `width` value.
+     * Sets the width of the ScrollView ([see example](slug:dimensions_scrollview)).
+     * By default, the width is not set and must be explicitly defined.
      */
     width: string;
     /**
-     * Sets the height of the ScrollView ([see example]({% slug dimensions_scrollview %})).
-     * By default, the height is not set and you have to explicitly define the `height` value.
+     * Sets the height of the ScrollView ([see example](slug:dimensions_scrollview)).
+     * By default, the height is not set and must be explicitly defined.
      */
     height: string;
     /**
-     * Enables or disables the endless scrolling mode in which the data source items are endlessly looped
-     * ([see example]({% slug endlessscrolling_scrollview %})). By default, `endless` is set to `false`
-     * and the endless scrolling mode is disabled.
+     * Enables or disables endless scrolling mode, where items loop endlessly ([see example](slug:endlessscrolling_scrollview)).
+     * @default false
      */
     endless: boolean;
     /**
-     * Sets `pagerOverlay` to one of three possible values: `dark`, `light` or `none`.
-     * By default, the pager overlay is set to `none`.
+     * Sets the pager overlay style to `dark`, `light`, or `none`.
+     * @default 'none'
      */
     pagerOverlay: ScrollViewPagerOverlay;
     /**
-     * Enables or disables the built-in animations ([see example]({% slug animations_scrollview %})).
-     * By default, `animate` is set to `true` and animations are enabled.
+     * Enables or disables built-in animations ([see example](slug:animations_scrollview)).
+     * @default true
      */
     animate: boolean;
     /**
-     * Enables or disables the built-in pager ([see example]({% slug paging_scrollview %})).
-     * By default, `pageable` is set to `false` and paging is disabled.
+     * Enables or disables the built-in pager ([see example](slug:paging_scrollview)).
+     * @default false
      */
     pageable: boolean;
     /**
-     * Enables or disables the built-in navigation arrows ([see example]({% slug arrows_scrollview %})).
-     * By default, `arrows` is set to `false` and arrows are disabled.
+     * Enables or disables the built-in navigation arrows ([see example](slug:arrows_scrollview)).
+     * @default false
      */
     arrows: boolean;
     /**
@@ -127,7 +90,7 @@ export declare class ScrollViewComponent implements OnChanges, OnDestroy {
      */
     itemChanged: EventEmitter<ItemChangedEvent>;
     /**
-     * Fires after the activeIndex has changed. Allows for two-way binding of the activeIndex property.
+     * Fires after the `activeIndex` has changed. Allows for two-way binding of the `activeIndex` property.
      */
     activeIndexChange: EventEmitter<number>;
     itemTemplateRef: TemplateRef<any>;

package/scrollview.module.d.ts

@@ -10,30 +10,18 @@ import * as i2 from "./localization/custom-messages.component";
  * definition for the ScrollView component.
  *
  * @example
- *
- * ```ts-no-run
- * // Import the ScrollView module
- * import { ScrollViewModule } from '@progress/kendo-angular-scrollview';
- *
- * // The browser platform with a compiler
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
- *
+ * ```typescript
  * import { NgModule } from '@angular/core';
- *
- * // Import the app component
+ * import { BrowserModule } from '@angular/platform-browser';
+ * import { ScrollViewModule } from '@progress/kendo-angular-scrollview';
  * import { AppComponent } from './app.component';
  *
- * // Define the app module
- * _@NgModule({
- *     declarations: [AppComponent], // declare app component
- *     imports:      [BrowserModule, ScrollViewModule], // import ScrollView module
- *     bootstrap:    [AppComponent]
+ * @NgModule({
+ *   declarations: [AppComponent],
+ *   imports: [BrowserModule, ScrollViewModule],
+ *   bootstrap: [AppComponent]
  * })
  * export class AppModule {}
- *
- * // Compile and launch the module
- * platformBrowserDynamic().bootstrapModule(AppModule);
- *
  * ```
  */
 export declare class ScrollViewModule {