@progress/kendo-vue-layout 5.3.0-dev.202410141143 → 5.3.0-develop.2

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

@@ -1,23 +0,0 @@
-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

@@ -1,18 +0,0 @@
-"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

@@ -1,88 +0,0 @@
-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;
-    /**
-     * 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 maximum value of the ProgressBar inside the Stepper. If not defined it is equal to the number of steps defined.
-     */
-    progressTotal?: number;
-    /**
-     * Specifies the current progress of the ProgressBar inside the Stepper. If not defined it is equal to the current value.
-     */
-    progress?: number;
-    /**
-     * @hidden
-     */
-    modelValue?: 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

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

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

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

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

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

package/dist/npm/tabstrip/TabStrip.d.ts

@@ -1,114 +0,0 @@
-import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
-declare type DefaultData<V> = object | ((this: V) => {});
-declare type DefaultMethods<V> = {
-    [key: string]: (this: V, ...args: any[]) => any;
-};
-import { TabStripTabProperties } from './TabStripTab';
-/**
- * The arguments that are passed to the `onSelect` callback function of the TabStrip.
- */
-export interface TabStripSelectEventArguments {
-    /**
-     * The index of the selected TabStrip tab.
-     */
-    selected: number;
-}
-/**
- * Represents the emits of the [Kendo UI for Vue TabStrip component]({% slug overview_tabstrip %}).
- */
-export interface TabStripEmits {
-    /**
-     * Fires each time the user makes a selection.
-     */
-    onSelect?: (e: TabStripSelectEventArguments) => void;
-}
-/**
- * Represents the props of the [Kendo UI for Vue TabStrip component]({% slug overview_tabstrip %}).
- */
-export interface TabStripProps extends TabStripEmits {
-    /**
-     * Enables the tab animation.
-     */
-    animation?: boolean;
-    /**
-     * Sets the index of the selected TabStripTab component
-     * ([see example]({% slug tabs_tabstrip %}#toc-tabs-on-initial-loading)).
-     */
-    selected?: number;
-    /**
-     * Sets the style of the TabStripContent component.
-     */
-    tabContentStyle?: any;
-    /**
-     * The position in which the TabStripNavigation components will be rendered.
-     *
-     * The available options are:
-     * - `"top"`&mdash;Renders the `TabStripNavigation` components to the top of the TabStrip.
-     * - `"bottom"`&mdash;Renders the `TabStripNavigation` components to the bottom of the TabStrip.
-     * - `"left"`&mdash;Renders the `TabStripNavigation` components to the left of the TabStrip.
-     * - `"right"`&mdash;Renders the `TabStripNavigation` components to the right of the TabStrip.
-     */
-    tabPosition?: string;
-    /**
-     * Sets the array of tabs.
-     */
-    tabs?: TabStripTabProperties[];
-    /**
-     * Sets the `tabIndex` of the TabStripNavigation.
-     */
-    tabIndex?: number;
-    /**
-     * Sets the direction of the TabStrip component.
-     */
-    dir?: string;
-}
-/**
- * @hidden
- */
-interface TabStripState {
-    keyBinding: Object;
-    v3: boolean;
-}
-/**
- * @hidden
- */
-interface TabStripData {
-    currentTabs: Array<TabStripTabProperties>;
-    currentShowAll: boolean;
-}
-/**
- * @hidden
- */
-export interface TabStripMethods {
-    [key: string]: any;
-    addRenderTitle: (id: string, renderTitle: any) => void;
-    addTab: (newTab: TabStripTabProperties) => void;
-    removeTab: (id: string) => void;
-    onSelect: (e: number) => void;
-    invertKeys: (original: any, inverted: any) => any;
-    onKeyDown: (e: any) => void;
-    firstNavigatableTab: () => void;
-    lastNavigatableTab: () => void;
-    prevNavigatableTab: () => void;
-    nextNavigatableTab: () => void;
-}
-/**
- * @hidden
- */
-export interface TabStripComputed {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface TabStripAll extends TabStripMethods, TabStripState, TabStripData, TabStripComputed, Vue2type {
-}
-/**
- * @hidden
- */
-declare let TabStripVue2: ComponentOptions<Vue2type, DefaultData<TabStripData>, DefaultMethods<TabStripAll>, TabStripComputed, RecordPropsDefinition<TabStripProps>>;
-/**
- * @hidden
- */
-declare const TabStrip: DefineComponent<TabStripProps, any, TabStripData, TabStripComputed, TabStripMethods, {}, {}, {}, string, TabStripProps, TabStripProps, {}>;
-export { TabStrip, TabStripVue2 };

package/dist/npm/tabstrip/TabStrip.js

@@ -1,319 +0,0 @@
-"use strict";
-
-var __assign = undefined && undefined.__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) {
-        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-      }
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TabStripVue2 = exports.TabStrip = void 0;
-// @ts-ignore
-var Vue = require("vue");
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-var ref = allVue.ref;
-var inject = allVue.inject;
-var TabStripNavigation_1 = require("./TabStripNavigation");
-var TabStripContent_1 = require("./TabStripContent");
-var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-var package_metadata_1 = require("../package-metadata");
-/**
- * @hidden
- */
-var TabStripVue2 = {
-  name: 'KendoTabStrip',
-  // @ts-ignore
-  emits: {
-    select: null
-  },
-  props: {
-    animation: {
-      type: Boolean,
-      default: true
-    },
-    selected: Number,
-    tabContentStyle: Object,
-    tabPosition: {
-      type: String,
-      default: 'top'
-    },
-    tabs: {
-      type: Array,
-      default: undefined
-    },
-    tabIndex: Number,
-    dir: String
-  },
-  data: function data() {
-    return {
-      currentShowAll: true,
-      currentTabs: [],
-      showLicenseWatermark: false
-    };
-  },
-  computed: {
-    compTabs: function compTabs() {
-      return this.tabs !== undefined ? this.tabs.map(function (tab) {
-        var content = kendo_vue_common_1.templateRendering.call(this, tab.content, kendo_vue_common_1.getListeners.call(this));
-        var titleRender = kendo_vue_common_1.templateRendering.call(this, tab.titleRender, kendo_vue_common_1.getListeners.call(this));
-        return __assign(__assign({}, tab), {
-          content: content,
-          titleRender: titleRender
-        });
-      }, this) : this.currentTabs;
-    }
-  },
-  provide: function provide() {
-    return {
-      addRenderTitle: this.addRenderTitle,
-      addTab: this.addTab,
-      removeTab: this.removeTab
-    };
-  },
-  created: function created() {
-    var _a;
-    var _this = this;
-    this.keyBinding = (_a = {}, _a[kendo_vue_common_1.Keys.left] = function () {
-      return _this.prevNavigatableTab();
-    }, _a[kendo_vue_common_1.Keys.right] = function () {
-      return _this.nextNavigatableTab();
-    }, _a[kendo_vue_common_1.Keys.down] = function () {
-      return _this.nextNavigatableTab();
-    }, _a[kendo_vue_common_1.Keys.up] = function () {
-      return _this.prevNavigatableTab();
-    }, _a[kendo_vue_common_1.Keys.home] = function () {
-      return 0;
-    }, _a[kendo_vue_common_1.Keys.end] = function () {
-      return _this.compTabs.length - 1;
-    }, _a);
-    (0, kendo_vue_common_1.validatePackage)(package_metadata_1.packageMetadata);
-    this.showLicenseWatermark = (0, kendo_vue_common_1.shouldShowValidationUI)(package_metadata_1.packageMetadata);
-  },
-  watch: {
-    selected: function selected(_prevIndex, _nextIndex) {
-      if (this.$props.animation) {
-        this.currentShowAll = false;
-        this.$nextTick(function () {
-          this.currentShowAll = true;
-        });
-      }
-    }
-  },
-  methods: {
-    addRenderTitle: function addRenderTitle(currentId, titleTemplate) {
-      var indexToUpdate = this.compTabs.findIndex(function (e) {
-        return e.tabId === currentId;
-      });
-      if (this.v3) {
-        this.compTabs[indexToUpdate].titleRender = titleTemplate;
-      } else {
-        this.compTabs[indexToUpdate] = __assign(__assign({}, this.compTabs[indexToUpdate]), {
-          titleRender: titleTemplate
-        });
-      }
-    },
-    addTab: function addTab(newTab) {
-      this.currentTabs.push(newTab);
-    },
-    removeTab: function removeTab(currentId) {
-      var indexToRemove = this.currentTabs.findIndex(function (e) {
-        return e.tabId === currentId;
-      });
-      this.currentTabs.splice(indexToRemove, 1);
-    },
-    onSelect: function onSelect(index) {
-      if (this.$props.selected !== index) {
-        this.$emit('select', {
-          selected: index
-        });
-      }
-    },
-    onKeyDown: function onKeyDown(event) {
-      var handler;
-      switch (event.keyCode) {
-        case kendo_vue_common_1.Keys.left:
-          handler = this.keyBinding[this.invertKeys(kendo_vue_common_1.Keys.left, kendo_vue_common_1.Keys.right)];
-          break;
-        case kendo_vue_common_1.Keys.right:
-          handler = this.keyBinding[this.invertKeys(kendo_vue_common_1.Keys.right, kendo_vue_common_1.Keys.left)];
-          break;
-        case kendo_vue_common_1.Keys.up:
-          handler = this.keyBinding[kendo_vue_common_1.Keys.up];
-          break;
-        case kendo_vue_common_1.Keys.down:
-          handler = this.keyBinding[kendo_vue_common_1.Keys.down];
-          break;
-        case kendo_vue_common_1.Keys.home:
-          handler = this.keyBinding[kendo_vue_common_1.Keys.home];
-          break;
-        case kendo_vue_common_1.Keys.end:
-          handler = this.keyBinding[kendo_vue_common_1.Keys.end];
-          break;
-        default:
-          break;
-      }
-      if (handler) {
-        event.preventDefault();
-        this.onSelect(handler());
-      }
-    },
-    invertKeys: function invertKeys(original, inverted) {
-      var rtl = this.$el && getComputedStyle(this.$el).direction === 'rtl' || false;
-      return rtl ? inverted : original;
-    },
-    firstNavigatableTab: function firstNavigatableTab() {
-      var length = this.compTabs.length;
-      if (length) {
-        for (var i = 0; i < length; i++) {
-          if (!this.compTabs[i].disabled) {
-            return i;
-          }
-        }
-      }
-    },
-    lastNavigatableTab: function lastNavigatableTab() {
-      var length = this.compTabs.length;
-      if (length) {
-        for (var i = length - 1; i > 0; i--) {
-          if (!this.compTabs[i].disabled) {
-            return i;
-          }
-        }
-      }
-    },
-    prevNavigatableTab: function prevNavigatableTab() {
-      var length = this.compTabs.length;
-      var selected = this.$props.selected;
-      var index = selected ? selected - 1 : -1;
-      if (index < 0) {
-        return this.lastNavigatableTab();
-      }
-      if (length) {
-        for (var i = index; i > -1; i--) {
-          if (!this.compTabs[i].disabled) {
-            return i;
-          }
-          if (i === 0) {
-            return this.lastNavigatableTab();
-          }
-        }
-      }
-    },
-    nextNavigatableTab: function nextNavigatableTab() {
-      var length = this.compTabs.length;
-      var selected = this.$props.selected;
-      var index = selected ? selected + 1 : 1;
-      if (index >= length) {
-        return this.firstNavigatableTab();
-      }
-      if (length) {
-        for (var i = index; i < length; i++) {
-          if (!this.compTabs[i].disabled) {
-            return i;
-          }
-          if (i + 1 === length) {
-            return this.firstNavigatableTab();
-          }
-        }
-      }
-    }
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  render: function render(createElement) {
-    var _a;
-    var h = gh || createElement;
-    var _b = this.$props,
-      tabPosition = _b.tabPosition,
-      _c = _b.tabIndex,
-      tabIndex = _c === void 0 ? 0 : _c;
-    var bottom = tabPosition === 'bottom';
-    var componentClasses = (0, kendo_vue_common_1.classNames)('k-widget', 'k-pos-relative', 'k-tabstrip', (_a = {}, _a['k-tabstrip-left'] = tabPosition === 'left', _a['k-tabstrip-right'] = tabPosition === 'right', _a['k-tabstrip-bottom'] = tabPosition === 'bottom', _a['k-tabstrip-top'] = tabPosition === 'top', _a));
-    var watermark = this.showLicenseWatermark ? h(kendo_vue_common_1.WatermarkOverlay) : null;
-    var renderContent = function renderContent(currentTabProps) {
-      var selected = currentTabProps.selected,
-        tabContentStyle = currentTabProps.tabContentStyle;
-      var defaultSlots = (0, kendo_vue_common_1.getDefaultSlots)(this);
-      var tabContentProps = {
-        index: selected,
-        animation: this.$props.animation,
-        tabs: this.compTabs,
-        hasTabs: this.tabs !== undefined,
-        selected: selected,
-        tabContentStyle: tabContentStyle,
-        showAll: this.currentShowAll
-      };
-      return h(TabStripContent_1.TabStripContent, __assign(__assign({}, tabContentProps), {
-        attrs: this.v3 ? undefined : __assign({}, tabContentProps)
-      }), this.v3 ? function () {
-        return defaultSlots;
-      } : [defaultSlots]);
-    };
-    return h("div", {
-      dir: this.$props.dir,
-      attrs: this.v3 ? undefined : {
-        dir: this.$props.dir
-      },
-      "class": componentClasses
-    }, [!bottom &&
-    // @ts-ignore function children
-    h(TabStripNavigation_1.TabStripNavigation, {
-      tabs: this.compTabs,
-      attrs: this.v3 ? undefined : {
-        tabs: this.compTabs,
-        selected: this.$props.selected,
-        tabContentStyle: this.$props.tabContentStyle,
-        tabIndex: tabIndex
-      },
-      selected: this.$props.selected,
-      tabContentStyle: this.$props.tabContentStyle,
-      onSelect: this.onSelect,
-      on: this.v3 ? undefined : {
-        "select": this.onSelect,
-        "keydown": this.onKeyDown
-      },
-      onKeydown: this.onKeyDown,
-      tabIndex: tabIndex
-    }), renderContent.call(this, this.$props), bottom &&
-    // @ts-ignore function children
-    h(TabStripNavigation_1.TabStripNavigation, {
-      tabs: this.compTabs,
-      attrs: this.v3 ? undefined : {
-        tabs: this.compTabs,
-        selected: this.$props.selected,
-        tabContentStyle: this.$props.tabContentStyle,
-        tabIndex: tabIndex
-      },
-      selected: this.$props.selected,
-      tabContentStyle: this.$props.tabContentStyle,
-      onSelect: this.onSelect,
-      on: this.v3 ? undefined : {
-        "select": this.onSelect,
-        "keydown": this.onKeyDown
-      },
-      onKeydown: this.onKeyDown,
-      tabIndex: tabIndex
-    }), watermark]);
-  }
-};
-exports.TabStripVue2 = TabStripVue2;
-/**
- * @hidden
- */
-var TabStrip = TabStripVue2;
-exports.TabStrip = TabStrip;

package/dist/npm/tabstrip/TabStripContent.d.ts

@@ -1,79 +0,0 @@
-import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
-declare type DefaultData<V> = object | ((this: V) => {});
-declare type DefaultMethods<V> = {
-    [key: string]: (this: V, ...args: any[]) => any;
-};
-/**
- * The props that are passed to the TabStripContent by the TabStrip.
- */
-export interface TabStripContentProps {
-    /**
-     * Defines whether the content appearance will be animated.
-     */
-    animation?: boolean;
-    /**
-     * Defines whether to render all the tabs.
-     */
-    showAll?: boolean;
-    /**
-     * The index of the selected tab. Used to indicate which child to render.
-     */
-    selected?: number;
-    /**
-     * The tabs collection.
-     */
-    tabs?: Array<any>;
-    /**
-     * @hidden
-     */
-    index?: number;
-    /**
-     * @hidden
-     */
-    keepTabsMounted?: boolean;
-    /**
-     * @hidden
-     */
-    hasTabs?: boolean;
-}
-/**
- * @hidden
- */
-interface TabStripContentState {
-    contentId: string;
-    v3: boolean;
-}
-/**
- * @hidden
- */
-interface TabStripContentData {
-}
-/**
- * @hidden
- */
-export interface TabStripContentMethods {
-    [key: string]: any;
-    addTab: () => void;
-    removeTab: (id: string) => void;
-    getTabs: (tabs: any[], children: any) => any;
-}
-/**
- * @hidden
- */
-export interface TabStripContentComputed {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface TabStripContentAll extends TabStripContentMethods, TabStripContentState, TabStripContentData, TabStripContentComputed, Vue2type {
-}
-/**
- * @hidden
- */
-declare let TabStripContentVue2: ComponentOptions<Vue2type, DefaultData<TabStripContentData>, DefaultMethods<TabStripContentAll>, TabStripContentComputed, RecordPropsDefinition<TabStripContentProps>>;
-/**
- * @hidden
- */
-declare const TabStripContent: DefineComponent<TabStripContentProps, any, TabStripContentData, TabStripContentComputed, TabStripContentMethods, {}, {}, {}, string, TabStripContentProps, TabStripContentProps, {}>;
-export { TabStripContent, TabStripContentVue2 };