@progress/kendo-vue-scrollview 5.3.0-dev.202409130647 → 5.3.0-develop.1

package/index.d.mts

@@ -0,0 +1,224 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
+import { DefineComponent } from 'vue';
+import { ExtractPropTypes } from 'vue';
+import { PropType } from 'vue';
+import { PublicProps } from 'vue';
+
+/**
+ *
+ * Represents the [Kendo UI for Vue Native ScrollView component]({% slug overview_scrollview %}).
+ *
+ *  ```jsx
+ *  <template>
+ *    <div>
+ *      <ScrollView
+ *        :style="{
+ *          width: '512px',
+ *          height: '384px',
+ *        }"
+ *        :data-items="items"
+ *        :content="'content'"
+ *      >
+ *        <template v-slot:content="{ props }">
+ *          <div class="image-with-text">
+ *            <img
+ *              :src="props.item.url"
+ *              :alt="`Photo ${props.item.position}`"
+ *              :style="{
+ *                width: '512px',
+ *                height: '384px',
+ *              }"
+ *              :draggable="false"
+ *            />
+ *          </div>
+ *        </template>
+ *      </ScrollView>
+ *    </div>
+ *  </template>
+ *
+ *  <script>
+ *  import { ScrollView } from '@progress/kendo-vue-scrollview';
+ *
+ *  export default {
+ *    components: {
+ *      ScrollView,
+ *    },
+ *    data() {
+ *      return {
+ *        items: [
+ *          {
+ *            url: 'https://www.telerik.com/kendo-vue-ui/components/layout/assets/card/kukeri.jpg',
+ *          },
+ *          {
+ *            url: 'https://www.telerik.com/kendo-vue-ui/components/layout/assets/card/martenitsa.jpg',
+ *          },
+ *          {
+ *            url: 'https://www.telerik.com/kendo-vue-ui/components/layout/assets/card/rose_festival.jpg',
+ *          },
+ *        ],
+ *      };
+ *    },
+ *  };
+ *  </script>
+ *  ```
+ */
+export declare const ScrollView: DefineComponent<ExtractPropTypes<    {
+activeView: {
+type: PropType<number>;
+default: number;
+};
+dataItems: {
+type: PropType<any[]>;
+default: () => any[];
+};
+arrows: {
+type: PropType<boolean>;
+default: boolean;
+};
+automaticViewChange: {
+type: BooleanConstructor;
+default: boolean;
+};
+automaticViewChangeInterval: {
+type: PropType<number>;
+default: number;
+};
+content: PropType<any>;
+dir: PropType<string>;
+endless: PropType<boolean>;
+pageable: {
+type: PropType<boolean>;
+default: boolean;
+};
+pagerOverlay: {
+type: PropType<string>;
+default: string;
+};
+}>, {}, {
+active: number;
+currentDir: any;
+}, {
+scrollViewClasses(): {
+'k-scrollview': boolean;
+'k-scrollview-light': boolean;
+'k-scrollview-dark': boolean;
+};
+displayLeftArrow(): boolean;
+displayRightArrow(): boolean;
+isRtl(): boolean;
+}, {
+runAutomaticChange(): void;
+resetTimeout(): void;
+setActive(value: number): void;
+focusElement(): void;
+prev(): void;
+next(): void;
+handlePrevClick(): void;
+handleNextClick(): void;
+handleKeyDown(event: any): void;
+}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+activeView: {
+type: PropType<number>;
+default: number;
+};
+dataItems: {
+type: PropType<any[]>;
+default: () => any[];
+};
+arrows: {
+type: PropType<boolean>;
+default: boolean;
+};
+automaticViewChange: {
+type: BooleanConstructor;
+default: boolean;
+};
+automaticViewChangeInterval: {
+type: PropType<number>;
+default: number;
+};
+content: PropType<any>;
+dir: PropType<string>;
+endless: PropType<boolean>;
+pageable: {
+type: PropType<boolean>;
+default: boolean;
+};
+pagerOverlay: {
+type: PropType<string>;
+default: string;
+};
+}>> & Readonly<{}>, {
+activeView: number;
+dataItems: any[];
+arrows: boolean;
+automaticViewChangeInterval: number;
+pageable: boolean;
+pagerOverlay: string;
+automaticViewChange: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+/**
+ * Represents the props of the [Kendo UI for Vue ScrollView component]({% slug overview_scrollview %}).
+ */
+export declare interface ScrollViewProps {
+    /**
+     * Represents the current active view ([see example]({% slug activeview_scrollview %})). Defaults to `1`.
+     */
+    activeView?: number;
+    /**
+     * Enables or disables the built-in navigation arrows ([see example]({% slug arrows_scrollview %})). Defaults to `true`.
+     */
+    arrows?: boolean;
+    /**
+     * Allows the ScrollView to switch the next page automatically after a short delay ([see example]({% slug automatic_scrolling_scrollview %})).
+     * Defaults to `true`.
+     */
+    automaticViewChange?: boolean;
+    /**
+     * Defines the automatic page change delay in milliseconds ([see example]({% slug automatic_scrolling_scrollview %})).
+     * Defaults to `5000`.
+     */
+    automaticViewChangeInterval?: number;
+    /**
+     * Content Template for the ScrollView items.
+     */
+    content?: any;
+    /**
+     * An array of the items that are passed to the ScrollView component.
+     */
+    dataItems?: any[];
+    /**
+     * Represents the `dir` HTML attribute. This is used to switch from LTR to RTL.
+     */
+    dir?: string;
+    /**
+     * Toggles the endless scrolling mode in which the data items are endlessly looped
+     * ([see example]({% slug endlessscrolling_scrollview %})). Defaults to `false`.
+     */
+    endless?: boolean;
+    /**
+     * Toggles the built-in pager ([see example]({% slug paging_scrollview %})). Defaults to `true`.
+     */
+    pageable?: boolean;
+    /**
+     * Sets the pager overlay ([see example]({% slug paging_scrollview %})).
+     *
+     *  * The possible values are:
+     * * `none`(Default) &mdash; No overlay is set.
+     * * `dark` &mdash; Dark overlay is set.
+     * * `light` &mdash; Light overlay is set.
+     *
+     */
+    pagerOverlay?: 'dark' | 'light' | 'none' | string;
+}
+
+export { }

package/index.d.ts

@@ -0,0 +1,224 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
+import { DefineComponent } from 'vue';
+import { ExtractPropTypes } from 'vue';
+import { PropType } from 'vue';
+import { PublicProps } from 'vue';
+
+/**
+ *
+ * Represents the [Kendo UI for Vue Native ScrollView component]({% slug overview_scrollview %}).
+ *
+ *  ```jsx
+ *  <template>
+ *    <div>
+ *      <ScrollView
+ *        :style="{
+ *          width: '512px',
+ *          height: '384px',
+ *        }"
+ *        :data-items="items"
+ *        :content="'content'"
+ *      >
+ *        <template v-slot:content="{ props }">
+ *          <div class="image-with-text">
+ *            <img
+ *              :src="props.item.url"
+ *              :alt="`Photo ${props.item.position}`"
+ *              :style="{
+ *                width: '512px',
+ *                height: '384px',
+ *              }"
+ *              :draggable="false"
+ *            />
+ *          </div>
+ *        </template>
+ *      </ScrollView>
+ *    </div>
+ *  </template>
+ *
+ *  <script>
+ *  import { ScrollView } from '@progress/kendo-vue-scrollview';
+ *
+ *  export default {
+ *    components: {
+ *      ScrollView,
+ *    },
+ *    data() {
+ *      return {
+ *        items: [
+ *          {
+ *            url: 'https://www.telerik.com/kendo-vue-ui/components/layout/assets/card/kukeri.jpg',
+ *          },
+ *          {
+ *            url: 'https://www.telerik.com/kendo-vue-ui/components/layout/assets/card/martenitsa.jpg',
+ *          },
+ *          {
+ *            url: 'https://www.telerik.com/kendo-vue-ui/components/layout/assets/card/rose_festival.jpg',
+ *          },
+ *        ],
+ *      };
+ *    },
+ *  };
+ *  </script>
+ *  ```
+ */
+export declare const ScrollView: DefineComponent<ExtractPropTypes<    {
+activeView: {
+type: PropType<number>;
+default: number;
+};
+dataItems: {
+type: PropType<any[]>;
+default: () => any[];
+};
+arrows: {
+type: PropType<boolean>;
+default: boolean;
+};
+automaticViewChange: {
+type: BooleanConstructor;
+default: boolean;
+};
+automaticViewChangeInterval: {
+type: PropType<number>;
+default: number;
+};
+content: PropType<any>;
+dir: PropType<string>;
+endless: PropType<boolean>;
+pageable: {
+type: PropType<boolean>;
+default: boolean;
+};
+pagerOverlay: {
+type: PropType<string>;
+default: string;
+};
+}>, {}, {
+active: number;
+currentDir: any;
+}, {
+scrollViewClasses(): {
+'k-scrollview': boolean;
+'k-scrollview-light': boolean;
+'k-scrollview-dark': boolean;
+};
+displayLeftArrow(): boolean;
+displayRightArrow(): boolean;
+isRtl(): boolean;
+}, {
+runAutomaticChange(): void;
+resetTimeout(): void;
+setActive(value: number): void;
+focusElement(): void;
+prev(): void;
+next(): void;
+handlePrevClick(): void;
+handleNextClick(): void;
+handleKeyDown(event: any): void;
+}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+activeView: {
+type: PropType<number>;
+default: number;
+};
+dataItems: {
+type: PropType<any[]>;
+default: () => any[];
+};
+arrows: {
+type: PropType<boolean>;
+default: boolean;
+};
+automaticViewChange: {
+type: BooleanConstructor;
+default: boolean;
+};
+automaticViewChangeInterval: {
+type: PropType<number>;
+default: number;
+};
+content: PropType<any>;
+dir: PropType<string>;
+endless: PropType<boolean>;
+pageable: {
+type: PropType<boolean>;
+default: boolean;
+};
+pagerOverlay: {
+type: PropType<string>;
+default: string;
+};
+}>> & Readonly<{}>, {
+activeView: number;
+dataItems: any[];
+arrows: boolean;
+automaticViewChangeInterval: number;
+pageable: boolean;
+pagerOverlay: string;
+automaticViewChange: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+/**
+ * Represents the props of the [Kendo UI for Vue ScrollView component]({% slug overview_scrollview %}).
+ */
+export declare interface ScrollViewProps {
+    /**
+     * Represents the current active view ([see example]({% slug activeview_scrollview %})). Defaults to `1`.
+     */
+    activeView?: number;
+    /**
+     * Enables or disables the built-in navigation arrows ([see example]({% slug arrows_scrollview %})). Defaults to `true`.
+     */
+    arrows?: boolean;
+    /**
+     * Allows the ScrollView to switch the next page automatically after a short delay ([see example]({% slug automatic_scrolling_scrollview %})).
+     * Defaults to `true`.
+     */
+    automaticViewChange?: boolean;
+    /**
+     * Defines the automatic page change delay in milliseconds ([see example]({% slug automatic_scrolling_scrollview %})).
+     * Defaults to `5000`.
+     */
+    automaticViewChangeInterval?: number;
+    /**
+     * Content Template for the ScrollView items.
+     */
+    content?: any;
+    /**
+     * An array of the items that are passed to the ScrollView component.
+     */
+    dataItems?: any[];
+    /**
+     * Represents the `dir` HTML attribute. This is used to switch from LTR to RTL.
+     */
+    dir?: string;
+    /**
+     * Toggles the endless scrolling mode in which the data items are endlessly looped
+     * ([see example]({% slug endlessscrolling_scrollview %})). Defaults to `false`.
+     */
+    endless?: boolean;
+    /**
+     * Toggles the built-in pager ([see example]({% slug paging_scrollview %})). Defaults to `true`.
+     */
+    pageable?: boolean;
+    /**
+     * Sets the pager overlay ([see example]({% slug paging_scrollview %})).
+     *
+     *  * The possible values are:
+     * * `none`(Default) &mdash; No overlay is set.
+     * * `dark` &mdash; Dark overlay is set.
+     * * `light` &mdash; Light overlay is set.
+     *
+     */
+    pagerOverlay?: 'dark' | 'light' | 'none' | string;
+}
+
+export { }

package/index.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ScrollView.js");exports.ScrollView=e.ScrollView;

package/index.mjs

@@ -0,0 +1,11 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { ScrollView as e } from "./ScrollView.mjs";
+export {
+  e as ScrollView
+};

package/package-metadata.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-scrollview",productName:"Kendo UI for Vue",productCodes:["KENDOUIVUE","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/"};exports.packageMetadata=e;

package/package-metadata.mjs

@@ -0,0 +1,18 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+const e = {
+  name: "@progress/kendo-vue-scrollview",
+  productName: "Kendo UI for Vue",
+  productCodes: ["KENDOUIVUE", "KENDOUICOMPLETE"],
+  publishDate: 1731078001,
+  version: "",
+  licensingDocsUrl: "https://www.telerik.com/kendo-vue-ui/my-license/"
+};
+export {
+  e as packageMetadata
+};

package/package.json

@@ -1,63 +1,44 @@
 {
   "name": "@progress/kendo-vue-scrollview",
-  "description": "Kendo UI for Vue ScrollView package",
-  "version": "5.3.0-dev.202409130647",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/telerik/kendo-vue.git"
-  },
-  "main": "dist/npm/main.js",
-  "types": "dist/npm/main.d.ts",
-  "module": "dist/es/main.js",
-  "jsnext:main": "dist/es/main.js",
+  "version": "5.3.0-develop.1",
+  "description": "TODO",
+  "author": "Progress",
+  "license": "SEE LICENSE IN LICENSE.md",
+  "homepage": "https://www.telerik.com/kendo-vue-ui",
+  "main": "./index.js",
+  "types": "./index.d.ts",
   "exports": {
-    "node": "./dist/esm/main.js",
-    "import": "./dist/es/main.js",
-    "require": "./dist/npm/main.js",
-    "default": "./dist/npm/main.js"
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.js"
+    }
   },
-  "scripts": {
-    "test": "cd ../../ && npm run test -- --testPathPattern=/packages/scrollview/.*",
-    "start": "gulp start --notsc",
-    "build-package": "gulp build-package"
+  "sideEffects": false,
+  "peerDependencies": {
+    "@progress/kendo-licensing": "^1.3.4",
+    "@progress/kendo-vue-common": "5.3.0-develop.1",
+    "vue": "^3.0.2"
   },
-  "homepage": "https://www.telerik.com/kendo-vue-ui/",
+  "dependencies": {},
   "keywords": [
     "Kendo UI",
     "Vue",
     "Progress",
-    "ScrollView",
-    "Kendo UI for Vue",
-    "vuejs",
+    "Scrollview",
     "UI",
     "components",
     "Vue component",
     "Telerik"
   ],
-  "peerDependencies": {
-    "@progress/kendo-licensing": "^1.3.0",
-    "@progress/kendo-svg-icons": "^3.0.0",
-    "vue": "^2.6.12 || ^3.0.2"
-  },
-  "devDependencies": {
-    "@progress/kendo-drawing": "^1.20.1",
-    "@progress/kendo-licensing": "^1.3.0",
-    "@progress/kendo-svg-icons": "^3.0.0",
-    "@progress/kendo-vue-animation": "5.3.0-dev.202409130647",
-    "@progress/kendo-vue-buttons": "5.3.0-dev.202409130647",
-    "@progress/kendo-vue-inputs": "5.3.0-dev.202409130647",
-    "@progress/kendo-vue-intl": "5.3.0-dev.202409130647"
-  },
-  "dependencies": {
-    "@progress/kendo-vue-common": "5.3.0-dev.202409130647"
-  },
   "@progress": {
-    "friendlyName": "ScrollView",
+    "friendlyName": "Scrollview",
     "framework": "Kendo UI for Vue"
   },
-  "author": "Progress",
-  "license": "SEE LICENSE IN LICENSE.md",
   "publishConfig": {
     "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/telerik/kendo-react.git"
   }
-}
+}

package/dist/es/ScrollView.d.ts

@@ -1,115 +0,0 @@
-import { DefineComponent } from './additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
-declare type DefaultData<V> = object | ((this: V) => {});
-declare type DefaultMethods<V> = {
-    [key: string]: (this: V, ...args: any[]) => any;
-};
-import { ScrollViewProps } from './ScrollViewProps';
-/**
- * @hidden
- */
-export interface ScrollViewHandle {
-    /**
-     * The ScrollView element.
-     */
-    element: HTMLDivElement | null;
-    /**
-     * Focus the ScrollView.
-     */
-    focus: () => void;
-}
-/**
- * @hidden
- */
-export interface ScrollViewState {
-    timeoutRef: any;
-}
-/**
- * @hidden
- */
-export interface ScrollViewComputed {
-    [key: string]: any;
-    scrollViewClasses: object;
-}
-/**
- * @hidden
- */
-export interface ScrollViewMethods {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface ScrollViewData {
-    active: number;
-    currentDir?: string;
-}
-/**
- * @hidden
- */
-export interface ScrollViewAll extends Vue, ScrollViewMethods, ScrollViewData, ScrollViewComputed, ScrollViewState {
-}
-/**
- * @hidden
- */
-declare let ScrollViewVue2: ComponentOptions<ScrollViewAll, DefaultData<ScrollViewData>, DefaultMethods<ScrollViewAll>, ScrollViewComputed, RecordPropsDefinition<ScrollViewProps>>;
-/**
- *
- * Represents the [Kendo UI for Vue Native ScrollView component]({% slug overview_scrollview %}).
- *
- *  ```jsx
- *  <template>
- *    <div>
- *      <ScrollView
- *        :style="{
- *          width: '512px',
- *          height: '384px',
- *        }"
- *        :data-items="items"
- *        :content="'content'"
- *      >
- *        <template v-slot:content="{ props }">
- *          <div class="image-with-text">
- *            <img
- *              :src="props.item.url"
- *              :alt="`Photo ${props.item.position}`"
- *              :style="{
- *                width: '512px',
- *                height: '384px',
- *              }"
- *              :draggable="false"
- *            />
- *          </div>
- *        </template>
- *      </ScrollView>
- *    </div>
- *  </template>
- *
- *  <script>
- *  import { ScrollView } from '@progress/kendo-vue-scrollview';
- *
- *  export default {
- *    components: {
- *      ScrollView,
- *    },
- *    data() {
- *      return {
- *        items: [
- *          {
- *            url: 'https://www.telerik.com/kendo-vue-ui/components/layout/assets/card/kukeri.jpg',
- *          },
- *          {
- *            url: 'https://www.telerik.com/kendo-vue-ui/components/layout/assets/card/martenitsa.jpg',
- *          },
- *          {
- *            url: 'https://www.telerik.com/kendo-vue-ui/components/layout/assets/card/rose_festival.jpg',
- *          },
- *        ],
- *      };
- *    },
- *  };
- *  </script>
- *  ```
- */
-declare const ScrollView: DefineComponent<ScrollViewProps, any, ScrollViewData, ScrollViewComputed, ScrollViewMethods, {}, {}, {}, string, ScrollViewProps, ScrollViewProps, {}>;
-export { ScrollView, ScrollViewVue2 };