@progress/kendo-vue-layout 2.6.3 → 2.6.4

package/dist/npm/stepper/interfaces/StepHandle.js

@@ -0,0 +1,5 @@
+"use strict";
+/**
+ * The Step ref.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/stepper/interfaces/StepProps.d.ts

@@ -0,0 +1,67 @@
+/**
+ * Represents the props of the [Kendo UI for Vue Step component]({% slug overview_stepper %}).
+ */
+export interface StepProps {
+    /**
+     * Represents the children that are passed to the Step.
+     */
+    children?: any;
+    /**
+     * Specifies a list of CSS classes that will be added to the Step element.
+     */
+    className?: string;
+    /**
+     * Represents the content that will be rendered inside each Step.
+     *
+     * @hidden
+     */
+    content?: any;
+    /**
+     * Specifies the current Step.
+     */
+    current?: boolean;
+    /**
+     * Sets a custom property.
+     */
+    [customProp: string]: any;
+    /**
+     * Specifies if the Step is disabled
+     * ([see example]({% slug display_modes_stepper %})).
+     */
+    disabled?: boolean;
+    /**
+     * Defines the name for an existing icon in a Kendo UI for Vue theme.
+     * The icon is rendered inside the Step indicator by a `span.k-icon` element
+     * ([see example]({% slug display_modes_stepper %})).
+     */
+    icon?: string;
+    /**
+     * Sets the index of the Step that is used to identify it.
+     */
+    index?: number;
+    /**
+     * Specifies the validity of the step
+     * ([see example]({% slug display_modes_stepper %})).
+     */
+    isValid?: boolean;
+    /**
+     * Specifies the label of the Step
+     * ([see example]({% slug display_modes_stepper %})).
+     */
+    label?: string;
+    /**
+     * Specifies if the step is optional. The validation is not applied to these steps
+     * ([see example]({% slug display_modes_stepper %})).
+     */
+    optional?: boolean;
+    /**
+     * Sets the `tabIndex` property of the Step.
+     * Defaults to `0`.
+     */
+    tabIndex?: number;
+    /**
+     * Specifies the text content of the Step indicator
+     * ([see example]({% slug display_modes_stepper %})).
+     */
+    text?: string;
+}

package/dist/npm/stepper/interfaces/StepProps.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/stepper/interfaces/StepperChangeEvent.d.ts

@@ -0,0 +1,9 @@
+/**
+ * The arguments for the `onChange` Stepper event.
+ */
+export interface StepperChangeEvent {
+    /**
+     * The index of the selected Step.
+     */
+    value: number;
+}

package/dist/npm/stepper/interfaces/StepperChangeEvent.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/stepper/interfaces/StepperFocusEvent.d.ts

@@ -0,0 +1,5 @@
+/**
+ * The arguments for the `onFocus` Stepper event.
+ */
+export interface StepperFocusEvent {
+}

package/dist/npm/stepper/interfaces/StepperFocusEvent.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/stepper/interfaces/StepperHandle.d.ts

@@ -0,0 +1,13 @@
+/**
+ * The Stepper ref.
+ */
+export interface StepperHandle {
+    /**
+     * The Stepper element.
+     */
+    element: HTMLMenuElement | null;
+    /**
+     * Focus the Stepper's first focusable child.
+     */
+    focus: () => void;
+}

package/dist/npm/stepper/interfaces/StepperHandle.js

@@ -0,0 +1,5 @@
+"use strict";
+/**
+ * The Stepper ref.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/stepper/interfaces/StepperOnNavigateEvent.d.ts

@@ -0,0 +1,23 @@
+import { StepperHandle } from './../interfaces/StepperHandle';
+/**
+ * The `StepperOnNavigateEvent` event.
+ */
+export declare class StepperOnNavigateEvent {
+    /**
+     * The Stepper component.
+     */
+    target: StepperHandle;
+    event: any;
+    /**
+     * The previous index of the Step.
+     */
+    prevIndex: number;
+    /**
+     * The new index of the Step.
+     */
+    nextIndex: number;
+    /**
+     * @hidden
+     */
+    constructor(target: StepperHandle, prevIndex: number, nextIndex: number);
+}

package/dist/npm/stepper/interfaces/StepperOnNavigateEvent.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StepperOnNavigateEvent = void 0;
+/**
+ * The `StepperOnNavigateEvent` event.
+ */
+var StepperOnNavigateEvent = /** @class */ (function () {
+    /**
+     * @hidden
+     */
+    function StepperOnNavigateEvent(target, prevIndex, nextIndex) {
+        this.target = target;
+        this.prevIndex = prevIndex;
+        this.nextIndex = nextIndex;
+    }
+    return StepperOnNavigateEvent;
+}());
+exports.StepperOnNavigateEvent = StepperOnNavigateEvent;

package/dist/npm/stepper/interfaces/StepperProps.d.ts

@@ -0,0 +1,80 @@
+import { StepProps } from './StepProps';
+import { StepperChangeEvent } from './StepperChangeEvent';
+import { StepperFocusEvent } from './StepperFocusEvent';
+/**
+ * Represents the props of the [Kendo UI for Vue Stepper component]({% slug overview_stepper %}).
+ */
+export interface StepperProps {
+    /**
+     * Sets the duration of the Stepper animation. Defaults to `400ms`.
+     */
+    animationDuration?: boolean | number;
+    /**
+     * Represents the children that are passed to the Stepper.
+     */
+    children?: any;
+    /**
+     * Specifies a list of CSS classes that will be added to the Stepper.
+     */
+    className?: string;
+    /**
+     * Represents the `dir` HTML attribute. This is used to switch from LTR to RTL.
+     */
+    dir?: string;
+    /**
+     * Disables the whole Stepper.
+     */
+    disabled?: boolean;
+    /**
+     * Specifies a custom icon that will be rendered inside the step for invalid steps.
+     */
+    errorIcon?: string;
+    /**
+     * Overrides the default component responsible for visualizing a single item ([see example]({% slug custom_rendering_stepper %})).
+     *
+     * The default Component is: [Step]({% slug api_layout_step %}).
+     */
+    item?: any;
+    /**
+     * The collection of steps that will be rendered in the Stepper ([see example]({% slug overview_stepper %})).
+     */
+    items: Array<StepProps>;
+    /**
+     * Specifies the linear flow of the Stepper.
+     * ([see example]({% slug linear_mode_stepper %})).
+     */
+    linear?: boolean;
+    /**
+     * Specifies the display mode of the Stepper
+     * ([see example]({% slug display_modes_stepper %})).
+     * * The possible values are:
+     * * (Default) `steps`. Render step indicator and optional label.
+     * * `labels`. Render labels only.
+     */
+    mode?: 'steps' | 'labels' | string;
+    /**
+     * Specifies the orientation of the Stepper
+     * ([see example]({% slug orientation_stepper %})).
+     *
+     * The possible values are:
+     * * (Default) `horizontal`
+     * * `vertical`
+     */
+    orientation?: 'horizontal' | 'vertical' | string;
+    /**
+     * Specifies a custom icon that will be rendered inside the step for valid steps.
+     */
+    successIcon?: string;
+    /**
+     * Specifies the index of the selected Step.
+     */
+    value: number;
+    /**
+     * The event handler that will be fired when the value is changed.
+     */
+    onChange?: (event: StepperChangeEvent) => void;
+    /**
+     * The event handler that will be fired when a Step is focused.
+     */
+    onFocus?: (event: StepperFocusEvent) => void;
+}

package/dist/npm/stepper/interfaces/StepperProps.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/stepper/messages/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @hidden
+ */
+export declare const optionalText = "stepper.optionalText";
+/**
+ * @hidden
+ */
+export declare const messages: {
+    "stepper.optionalText": string;
+};

package/dist/npm/stepper/messages/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.messages = exports.optionalText = void 0;
+/**
+ * @hidden
+ */
+exports.optionalText = 'stepper.optionalText';
+/**
+ * @hidden
+ */
+exports.messages = (_a = {},
+    _a[exports.optionalText] = '(Optional)',
+    _a);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-layout",
   "description": "Kendo UI for Vue Layouts package",
-  "version": "2.6.3",
+  "version": "2.6.4",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -33,23 +33,25 @@
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.1.0",
     "@progress/kendo-vue-intl": "^2.3.0",
+    "@progress/kendo-vue-progressbars": "^2.6.3",
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-animation": "2.6.3",
-    "@progress/kendo-vue-common": "2.6.3",
-    "@progress/kendo-vue-popup": "2.6.3"
+    "@progress/kendo-vue-animation": "2.6.4",
+    "@progress/kendo-vue-common": "2.6.4",
+    "@progress/kendo-vue-popup": "2.6.4"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.5.0",
     "@progress/kendo-date-math": "^1.5.1",
     "@progress/kendo-drawing": "^1.8.0",
     "@progress/kendo-licensing": "^1.0.1",
-    "@progress/kendo-vue-buttons": "2.6.3",
-    "@progress/kendo-vue-dateinputs": "2.6.3",
-    "@progress/kendo-vue-dropdowns": "2.6.3",
-    "@progress/kendo-vue-inputs": "2.6.3",
-    "@progress/kendo-vue-intl": "2.6.3"
+    "@progress/kendo-vue-buttons": "2.6.4",
+    "@progress/kendo-vue-dateinputs": "2.6.4",
+    "@progress/kendo-vue-dropdowns": "2.6.4",
+    "@progress/kendo-vue-inputs": "2.6.4",
+    "@progress/kendo-vue-intl": "2.6.4",
+    "@progress/kendo-vue-progressbars": "2.6.4"
   },
   "@progress": {
     "friendlyName": "Layouts",