@progress/kendo-vue-layout 3.1.3 → 3.1.5-dev.202204110939

package/dist/npm/splitter/SplitterPane.d.ts

@@ -35,10 +35,18 @@ export interface SplitterPaneProps {
      * Specifies if overflowing content is scrollable or hidden ([see example]({% slug panes_splitter %}#toc-scrolling)). If `scrollable` is not specified, the content will be scrollable.
      */
     scrollable?: boolean;
+    /**
+     * Specifies if the content of the pane contains Splitter.
+     */
+    containsSplitter: boolean;
     /**
      * Specifies if the children of the pane should be mounted when it's in collapsed state.
      */
     keepMounted?: boolean;
+    /**
+     * The slot template for the content of the splitter
+     */
+    content?: any;
 }
 /**
  * @hidden
@@ -46,36 +54,6 @@ export interface SplitterPaneProps {
 export interface SplitterPaneExtendedProps extends SplitterPaneProps {
     orientation: 'vertical' | 'horizontal' | string;
     overlay: boolean;
-    containsSplitter: boolean;
-    size?: string;
-    /**
-     * Sets the minimum possible size of the pane ([see example]({% slug panes_splitter %}#toc-dimensions)).
-     */
-    min?: string;
-    /**
-     * Sets the maximum possible size of the pane ([see example]({% slug panes_splitter %}#toc-dimensions)).
-     */
-    max?: string;
-    /**
-     * Specifies if the user is allowed to resize the pane and provide space for other panes ([see example]({% slug panes_splitter %}#toc-resizing)). If `resizable` is not specified, the resizing of the pane will be enabled.
-     */
-    resizable?: boolean;
-    /**
-     * Specifies if the user is allowed to hide the pane and provide space for other panes ([see example]({% slug panes_splitter %}#toc-collapsing)).
-     */
-    collapsible?: boolean;
-    /**
-     * Specifies the pane collapsed state ([see example]({% slug panes_splitter %}#toc-collapsing)).
-     */
-    collapsed?: boolean;
-    /**
-     * Specifies if overflowing content is scrollable or hidden ([see example]({% slug panes_splitter %}#toc-scrolling)). If `scrollable` is not specified, the content will be scrollable.
-     */
-    scrollable?: boolean;
-    /**
-     * Specifies if the children of the pane should be mounted when it's in collapsed state.
-     */
-    keepMounted?: boolean;
 }
 /**
  * @hidden

package/dist/npm/splitter/SplitterPane.js

@@ -34,7 +34,8 @@ var SplitterPaneVue2 = {
     collapsible: Boolean,
     collapsed: Boolean,
     scrollable: Boolean,
-    keepMounted: Boolean
+    keepMounted: Boolean,
+    content: [Object, Function, String]
   },
   // @ts-ignore
   setup: !gh ? undefined : function () {
@@ -48,7 +49,7 @@ var SplitterPaneVue2 = {
     var _a;
 
     var h = gh || createElement;
-    var _b = this.props,
+    var _b = this.$props,
         size = _b.size,
         collapsed = _b.collapsed,
         overlay = _b.overlay,
@@ -62,10 +63,15 @@ var SplitterPaneVue2 = {
       flexBasis: size
     };
     var paneClasses = kendo_vue_common_1.classNames('k-pane', (_a = {}, _a['k-state-hidden'] = collapsed, _a['hidden'] = collapsed, _a['k-pane-flex'] = containsSplitter, _a['k-pane-static'] = !resizable && !collapsible || fixedSize, _a['k-scrollable'] = scrollable, _a));
+    var content = kendo_vue_common_1.getTemplate.call(this, {
+      h: h,
+      template: this.$props.content,
+      defaultRendering: null
+    });
     return h("div", {
       style: style,
       "class": paneClasses
-    }, [!collapsed || keepMounted ? this.props.children : undefined, overlay ? h("div", {
+    }, [!collapsed || keepMounted ? content : undefined, overlay ? h("div", {
       "class": 'k-splitter-overlay k-overlay'
     }) : undefined]);
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-layout",
   "description": "Kendo UI for Vue Layouts package",
-  "version": "3.1.3",
+  "version": "3.1.5-dev.202204110939",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -37,21 +37,21 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-animation": "3.1.3",
-    "@progress/kendo-vue-common": "3.1.3",
-    "@progress/kendo-vue-popup": "3.1.3"
+    "@progress/kendo-vue-animation": "3.1.5-dev.202204110939",
+    "@progress/kendo-vue-common": "3.1.5-dev.202204110939",
+    "@progress/kendo-vue-popup": "3.1.5-dev.202204110939"
   },
   "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": "3.1.3",
-    "@progress/kendo-vue-dateinputs": "3.1.3",
-    "@progress/kendo-vue-dropdowns": "3.1.3",
-    "@progress/kendo-vue-inputs": "3.1.3",
-    "@progress/kendo-vue-intl": "3.1.3",
-    "@progress/kendo-vue-progressbars": "3.1.3"
+    "@progress/kendo-vue-buttons": "3.1.5-dev.202204110939",
+    "@progress/kendo-vue-dateinputs": "3.1.5-dev.202204110939",
+    "@progress/kendo-vue-dropdowns": "3.1.5-dev.202204110939",
+    "@progress/kendo-vue-inputs": "3.1.5-dev.202204110939",
+    "@progress/kendo-vue-intl": "3.1.5-dev.202204110939",
+    "@progress/kendo-vue-progressbars": "3.1.5-dev.202204110939"
   },
   "@progress": {
     "friendlyName": "Layouts",