@progress/kendo-vue-layout 3.6.3 → 3.6.4-dev.202210071340

package/dist/esm/expansionpanel/ExpansionPanel.js

@@ -0,0 +1,185 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { getTabIndex, validatePackage, Keys, getDefaultSlots, templateRendering, getListeners, getTemplate } from '@progress/kendo-vue-common';
+import { packageMetadata } from '../package-metadata.js';
+/**
+ * @hidden
+ */
+
+var ExpansionPanelVue2 = {
+  name: 'KendoExpansionPanel',
+  props: {
+    dir: String,
+    id: String,
+    tabIndex: Number,
+    title: String,
+    subtitle: String,
+    titleRender: [String, Object, Function],
+    subtitleRender: [String, Object, Function],
+    expandIcon: String,
+    collapseIcon: String,
+    expanded: Boolean,
+    disabled: Boolean
+  },
+  created: function created() {
+    validatePackage(packageMetadata);
+  },
+  computed: {
+    wrapperClass: function wrapperClass() {
+      var _a = this.$props,
+          expanded = _a.expanded,
+          disabled = _a.disabled;
+      return {
+        'k-expander': true,
+        'k-expanded': expanded,
+        'k-focus': this.focused && !disabled,
+        'k-disabled': disabled
+      };
+    },
+    expandIconClass: function expandIconClass() {
+      var _a;
+
+      var _b = this.$props,
+          expanded = _b.expanded,
+          expandIcon = _b.expandIcon,
+          collapseIcon = _b.collapseIcon;
+      return _a = {
+        'k-icon': true,
+        'k-i-chevron-down': !expanded && !expandIcon,
+        'k-i-chevron-up': expanded && !collapseIcon
+      }, _a[expandIcon] = !expanded && Boolean(expandIcon), _a[collapseIcon] = expanded && Boolean(collapseIcon), _a;
+    }
+  },
+  data: function data() {
+    return {
+      focused: false
+    };
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var defaultSlots = getDefaultSlots(this);
+    var _a = this.$props,
+        _b = _a.expanded,
+        expanded = _b === void 0 ? false : _b,
+        disabled = _a.disabled,
+        title = _a.title,
+        titleRender = _a.titleRender,
+        subtitle = _a.subtitle,
+        subtitleRender = _a.subtitleRender,
+        ariaControls = _a.ariaControls,
+        tabIndex = _a.tabIndex,
+        id = _a.id;
+    var titleTemplate = templateRendering.call(this, titleRender, getListeners.call(this));
+    var titleToRender = getTemplate.call(this, {
+      h: h,
+      template: titleTemplate,
+      defaultRendering: h("div", {
+        "class": "k-expander-title"
+      }, [title])
+    });
+    var subtitleTemplate = templateRendering.call(this, subtitleRender, getListeners.call(this));
+    var subtitleToRender = getTemplate.call(this, {
+      h: h,
+      template: subtitleTemplate,
+      defaultRendering: h("div", {
+        "class": "k-expander-sub-title"
+      }, [subtitle])
+    });
+    return h("div", {
+      "class": this.wrapperClass,
+      onFocusin: this.handleFocus,
+      on: this.v3 ? undefined : {
+        "focusin": this.handleFocus,
+        "focusout": this.handleBlur,
+        "keydown": this.onKeyDown
+      },
+      onFocusout: this.handleBlur,
+      id: id // dir={useRtl(elementRef, dir)}
+      ,
+      attrs: this.v3 ? undefined : {
+        id: id
+      },
+      onKeydown: this.onKeyDown
+    }, [h("div", {
+      role: 'button',
+      attrs: this.v3 ? undefined : {
+        role: 'button',
+        "aria-controls": ariaControls,
+        "aria-expanded": expanded,
+        "aria-disabled": disabled,
+        tabIndex: getTabIndex(tabIndex, disabled)
+      },
+      ref: 'header',
+      "aria-controls": ariaControls,
+      "aria-expanded": expanded,
+      "aria-disabled": disabled,
+      tabIndex: getTabIndex(tabIndex, disabled),
+      "class": "k-expander-header",
+      onClick: this.onClick,
+      on: this.v3 ? undefined : {
+        "click": this.onClick
+      }
+    }, [titleToRender, h("span", {
+      "class": "k-spacer"
+    }), subtitleToRender, h("span", {
+      "class": "k-expander-indicator"
+    }, [h("span", {
+      "class": this.expandIconClass
+    })])]), defaultSlots]);
+  },
+  methods: {
+    onClick: function onClick(event) {
+      if (this.$props.disabled) {
+        return;
+      }
+
+      this.$emit('action', {
+        event: event,
+        expanded: this.expanded
+      });
+    },
+    onKeyDown: function onKeyDown(event) {
+      if (this.$props.disabled) {
+        return;
+      }
+
+      if ((event.keyCode === Keys.enter || event.keyCode === Keys.space) && event.target === this.$refs.header) {
+        event.preventDefault();
+        this.$emit('action', {
+          event: event,
+          expanded: this.expanded
+        });
+      }
+    },
+    handleFocus: function handleFocus() {
+      if (this.$props.disabled) {
+        return;
+      }
+
+      this.focused = true;
+    },
+    handleBlur: function handleBlur() {
+      if (this.$props.disabled) {
+        return;
+      }
+
+      this.focused = false;
+    }
+  }
+};
+/**
+ * @hidden
+ */
+
+var ExpansionPanel = ExpansionPanelVue2;
+export { ExpansionPanel, ExpansionPanelVue2 };

package/dist/esm/expansionpanel/ExpansionPanelContent.d.ts

@@ -0,0 +1,19 @@
+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;
+};
+/**
+ * @hidden
+ */
+export interface ExpansionPanelContentAll extends Vue2type {
+}
+/**
+ * @hidden
+ */
+declare const ExpansionPanelContentVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<ExpansionPanelContentAll>, {}, RecordPropsDefinition<{}>>;
+/**
+ * @hidden
+ */
+declare let ExpansionPanelContent: DefineComponent<{}, any, {}, {}, {}, {}, {}, {}, string, {}, {}, {}>;
+export { ExpansionPanelContent, ExpansionPanelContentVue2 };

package/dist/esm/expansionpanel/ExpansionPanelContent.js

@@ -0,0 +1,39 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { packageMetadata } from '../package-metadata.js';
+import { getDefaultSlots, validatePackage } from '@progress/kendo-vue-common';
+/**
+ * @hidden
+ */
+
+var ExpansionPanelContentVue2 = {
+  name: 'KendoExpansionPanelContent',
+  created: function created() {
+    validatePackage(packageMetadata);
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var defaultSlots = getDefaultSlots(this);
+    return h("div", {
+      "class": 'k-expander-content-wrapper'
+    }, [h("div", {
+      "class": 'k-expander-content'
+    }, [defaultSlots])]);
+  }
+};
+/**
+ * @hidden
+ */
+
+var ExpansionPanelContent = ExpansionPanelContentVue2;
+export { ExpansionPanelContent, ExpansionPanelContentVue2 };

package/dist/esm/expansionpanel/interfaces.d.ts

@@ -0,0 +1,79 @@
+/**
+ * The ExpansionPanel ref.
+ */
+export interface ExpansionPanelHandle {
+    /**
+     * The ExpansionPanel element.
+     */
+    element: HTMLDivElement | null;
+}
+/**
+ * The arguments for the `onAction` ExpansionPanel event.
+ */
+export interface ExpansionPanelActionEvent {
+    /**
+     * Represents the `expanded` state of the ExpansionPanel.
+     */
+    expanded: boolean;
+}
+/**
+ * The props of the ExpansionPanel component.
+ */
+export interface ExpansionPanelProps {
+    /**
+     * Sets additional CSS classes to the ExpansionPanel.
+     */
+    class?: string;
+    /**
+     * Sets the `id` property of the root ExpansionPanel element.
+     */
+    id?: string;
+    /**
+     * Specifies the primary text in the header of the ExpansionPanel.
+     */
+    title?: string;
+    /**
+     * Specifies the secondary text in the header of the ExpansionPanel, which is rendered next to the collapse/expand icon.
+     */
+    subtitle?: string;
+    /**
+     * Specifies the primary text template in the header of the ExpansionPanel.
+     */
+    titleRender?: any;
+    /**
+     * Specifies the secondary text in the header of the ExpansionPanel, which is rendered next to the collapse/expand icon.
+     */
+    subtitleRender?: any;
+    /**
+     * Sets a custom icon via css class(es), for the expanded state of the ExpansionPanel.
+     */
+    expandIcon?: string;
+    /**
+     * Sets a custom icon via css class(es), for the collapsed state of the ExpansionPanel.
+     */
+    collapseIcon?: string;
+    /**
+     * Sets the `dir` property of the ExpansionPanel.
+     */
+    dir?: string;
+    /**
+     * Sets the `tabIndex` property of the ExpansionPanel.
+     */
+    tabIndex?: number;
+    /**
+     * Sets the `expanded` state of the ExpansionPanel.
+     */
+    expanded?: boolean;
+    /**
+     * Sets the `disabled` state of the ExpansionPanel.
+     */
+    disabled?: boolean;
+    /**
+     * Sets `aria-controls`. The value should represent the `id` of the controlled content element.
+     */
+    ariaControls?: string;
+    /**
+     * The event handler that will be fired when the expanded state of the ExpansionPanel is about to change.
+     */
+    onAction?: (event: ExpansionPanelActionEvent) => void;
+}

package/dist/esm/expansionpanel/interfaces.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/expansionpanel/main.d.ts

@@ -0,0 +1,3 @@
+export * from './ExpansionPanel';
+export * from './ExpansionPanelContent';
+export * from './interfaces';

package/dist/esm/expansionpanel/main.js

@@ -0,0 +1,3 @@
+export * from './ExpansionPanel.js';
+export * from './ExpansionPanelContent.js';
+export * from './interfaces.js';

package/dist/esm/main.d.ts

@@ -47,3 +47,15 @@ export * from './panelbar/interfaces/PanelBarProps';
 export * from './panelbar/interfaces/PanelBarItemProps';
 export * from './panelbar/interfaces/RenderPanelBarItem';
 export * from './panelbar/interfaces/PanelBarSelectEventArguments';
+export * from './appbar/AppBar';
+export * from './appbar/interfaces/AppBarProps';
+export * from './appbar/AppBarSection';
+export * from './appbar/interfaces/AppBarSectionProps';
+export * from './appbar/AppBarSpacer';
+export * from './appbar/interfaces/AppBarSpacerProps';
+export * from './bottomnavigation/BottomNavigation';
+export * from './bottomnavigation/BottomNavigationProps';
+export * from './bottomnavigation/BottomNavigationItemProps';
+export * from './bottomnavigation/BottomNavigationItem';
+export * from './bottomnavigation/models/events';
+export * from './expansionpanel/main';

package/dist/esm/main.js

@@ -47,3 +47,15 @@ export * from './panelbar/interfaces/PanelBarProps.js';
 export * from './panelbar/interfaces/PanelBarItemProps.js';
 export * from './panelbar/interfaces/RenderPanelBarItem.js';
 export * from './panelbar/interfaces/PanelBarSelectEventArguments.js';
+export * from './appbar/AppBar.js';
+export * from './appbar/interfaces/AppBarProps.js';
+export * from './appbar/AppBarSection.js';
+export * from './appbar/interfaces/AppBarSectionProps.js';
+export * from './appbar/AppBarSpacer.js';
+export * from './appbar/interfaces/AppBarSpacerProps.js';
+export * from './bottomnavigation/BottomNavigation.js';
+export * from './bottomnavigation/BottomNavigationProps.js';
+export * from './bottomnavigation/BottomNavigationItemProps.js';
+export * from './bottomnavigation/BottomNavigationItem.js';
+export * from './bottomnavigation/models/events.js';
+export * from './expansionpanel/main.js';

package/dist/esm/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-layout',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1663839075,
+    publishDate: 1665149362,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

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

@@ -2,10 +2,6 @@
  * 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.
      */

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

@@ -9,10 +9,6 @@ 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.
      */

package/dist/npm/appbar/AppBar.d.ts

@@ -0,0 +1,44 @@
+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 { AppBarProps } from './interfaces/AppBarProps';
+/**
+ * @hidden
+ */
+export interface AppBarState {
+    calculatedId: string;
+}
+/**
+ * @hidden
+ */
+export interface AppBarComputed {
+    [key: string]: any;
+    wrapperClass: object;
+}
+/**
+ * @hidden
+ */
+export interface AppBarMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface AppBarData {
+}
+/**
+ * @hidden
+ */
+export interface AppBarAll extends Vue2type, AppBarMethods, AppBarData, AppBarComputed, AppBarState {
+}
+/**
+ * @hidden
+ */
+declare let AppBarVue2: ComponentOptions<AppBarAll, DefaultData<AppBarData>, DefaultMethods<AppBarAll>, AppBarComputed, RecordPropsDefinition<AppBarProps>>;
+/**
+ * @hidden
+ */
+declare const AppBar: DefineComponent<AppBarProps, any, AppBarData, AppBarComputed, AppBarMethods, {}, {}, {}, string, AppBarProps, AppBarProps, {}>;
+export { AppBar, AppBarVue2 };

package/dist/npm/appbar/AppBar.js

@@ -0,0 +1,101 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AppBarVue2 = exports.AppBar = void 0; // @ts-ignore
+
+var Vue = require("vue");
+
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+
+var kendo_vue_common_1 = require("@progress/kendo-vue-common");
+
+var package_metadata_1 = require("../package-metadata");
+/**
+ * @hidden
+ */
+
+
+var AppBarVue2 = {
+  name: 'KendoAppBar',
+  props: {
+    id: String,
+    themeColor: {
+      type: String,
+      default: 'light'
+    },
+    position: {
+      type: String,
+      default: 'top',
+      validator: function validator(value) {
+        return ['top', 'bottom'].includes(value);
+      }
+    },
+    positionMode: {
+      type: String,
+      default: 'static',
+      validator: function validator(value) {
+        return ['static', 'sticky', 'fixed'].includes(value);
+      }
+    }
+  },
+  created: function created() {
+    (0, kendo_vue_common_1.validatePackage)(package_metadata_1.packageMetadata);
+    this.calculatedId = (0, kendo_vue_common_1.guid)();
+  },
+  computed: {
+    wrapperClass: function wrapperClass() {
+      var _a = this.$props,
+          position = _a.position,
+          positionMode = _a.positionMode,
+          themeColor = _a.themeColor;
+      return {
+        'k-appbar': true,
+        'k-appbar-top': position === 'top',
+        'k-appbar-bottom': position === 'bottom',
+        'k-appbar-static': positionMode === 'static',
+        'k-appbar-sticky': positionMode === 'sticky',
+        'k-appbar-fixed': positionMode === 'fixed',
+        'k-appbar-light': themeColor === 'light',
+        'k-appbar-dark': themeColor === 'dark',
+        'k-appbar-inherit': themeColor === 'inherit'
+      };
+    }
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
+    var id = this.$props.id;
+    return h("div", {
+      "class": this.wrapperClass,
+      id: id || this.calculatedId,
+      attrs: this.v3 ? undefined : {
+        id: id || this.calculatedId
+      }
+    }, [defaultSlot]);
+  },
+  methods: {
+    focus: function focus() {
+      if (this.$el) {
+        (0, kendo_vue_common_1.focusFirstFocusableChild)(this.$el);
+      }
+    }
+  }
+};
+exports.AppBarVue2 = AppBarVue2;
+/**
+ * @hidden
+ */
+
+var AppBar = AppBarVue2;
+exports.AppBar = AppBar;

package/dist/npm/appbar/AppBarSection.d.ts

@@ -0,0 +1,44 @@
+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 { AppBarSectionProps } from './interfaces/AppBarSectionProps';
+/**
+ * @hidden
+ */
+export interface AppBarSectionState {
+    calculatedId: string;
+}
+/**
+ * @hidden
+ */
+export interface AppBarSectionComputed {
+    [key: string]: any;
+    wrapperClass: object;
+}
+/**
+ * @hidden
+ */
+export interface AppBarSectionMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface AppBarSectionData {
+}
+/**
+ * @hidden
+ */
+export interface AppBarSectionAll extends Vue2type, AppBarSectionMethods, AppBarSectionData, AppBarSectionComputed, AppBarSectionState {
+}
+/**
+ * @hidden
+ */
+declare let AppBarSectionVue2: ComponentOptions<AppBarSectionAll, DefaultData<AppBarSectionData>, DefaultMethods<AppBarSectionAll>, AppBarSectionComputed, RecordPropsDefinition<AppBarSectionProps>>;
+/**
+ * @hidden
+ */
+declare const AppBarSection: DefineComponent<AppBarSectionProps, any, AppBarSectionData, AppBarSectionComputed, AppBarSectionMethods, {}, {}, {}, string, AppBarSectionProps, AppBarSectionProps, {}>;
+export { AppBarSection, AppBarSectionVue2 };

package/dist/npm/appbar/AppBarSection.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AppBarSectionVue2 = exports.AppBarSection = void 0; // @ts-ignore
+
+var Vue = require("vue");
+
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+
+var kendo_vue_common_1 = require("@progress/kendo-vue-common");
+/**
+ * @hidden
+ */
+
+
+var AppBarSectionVue2 = {
+  name: 'KendoAppBarSection',
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
+    return h("div", {
+      "class": 'k-appbar-section'
+    }, [defaultSlot]);
+  },
+  methods: {
+    focus: function focus() {
+      if (this.$el) {
+        (0, kendo_vue_common_1.focusFirstFocusableChild)(this.$el);
+      }
+    }
+  }
+};
+exports.AppBarSectionVue2 = AppBarSectionVue2;
+/**
+ * @hidden
+ */
+
+var AppBarSection = AppBarSectionVue2;
+exports.AppBarSection = AppBarSection;

package/dist/npm/appbar/AppBarSpacer.d.ts

@@ -0,0 +1,44 @@
+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 { AppBarSpacerProps } from './interfaces/AppBarSpacerProps';
+/**
+ * @hidden
+ */
+export interface AppBarSpacerState {
+    calculatedId: string;
+}
+/**
+ * @hidden
+ */
+export interface AppBarSpacerComputed {
+    [key: string]: any;
+    spacerClasses: object;
+}
+/**
+ * @hidden
+ */
+export interface AppBarSpacerMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface AppBarSpacerData {
+}
+/**
+ * @hidden
+ */
+export interface AppBarSpacerAll extends Vue2type, AppBarSpacerMethods, AppBarSpacerData, AppBarSpacerComputed, AppBarSpacerState {
+}
+/**
+ * @hidden
+ */
+declare let AppBarSpacerVue2: ComponentOptions<AppBarSpacerAll, DefaultData<AppBarSpacerData>, DefaultMethods<AppBarSpacerAll>, AppBarSpacerComputed, RecordPropsDefinition<AppBarSpacerProps>>;
+/**
+ * @hidden
+ */
+declare const AppBarSpacer: DefineComponent<AppBarSpacerProps, any, AppBarSpacerData, AppBarSpacerComputed, AppBarSpacerMethods, {}, {}, {}, string, AppBarSpacerProps, AppBarSpacerProps, {}>;
+export { AppBarSpacer, AppBarSpacerVue2 };