@progress/kendo-vue-layout 3.3.4 → 3.3.6-dev.202206170937

package/dist/es/additionalTypes.ts

@@ -2,9 +2,20 @@
 import { DefineComponent } from 'vue';
 // @ts-ignore
 import * as Vue from 'vue';
+
+/**
+ * @hidden
+ */
 // @ts-ignore
 type Vue2type = Vue.default;
+
+/**
+ * @hidden
+ */
 // @ts-ignore
 import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+/**
+ * @hidden
+ */
 // @ts-ignore
 export { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type };

package/dist/es/card/Avatar.d.ts

@@ -33,8 +33,11 @@ export interface AvatarComputed {
 export interface AvatarAll extends AvatarMethods, AvatarState, AvatarData, AvatarComputed, Vue2type {
 }
 /**
- * Represents the default `Avatar` component.
+ * @hidden
  */
 declare const AvatarVue2: ComponentOptions<Vue2type, DefaultData<AvatarData>, DefaultMethods<AvatarAll>, AvatarComputed, RecordPropsDefinition<AvatarProps>>;
+/**
+ * @hidden
+ */
 declare let Avatar: DefineComponent<AvatarProps, any, AvatarData, AvatarComputed, AvatarMethods, {}, {}, {}, string, AvatarProps, AvatarProps, {}>;
 export { Avatar, AvatarVue2 };

package/dist/es/card/Avatar.js

@@ -6,7 +6,7 @@ import { avatarType } from './interfaces/Enums';
 import { packageMetadata } from '../package-metadata';
 import { getDefaultSlots, validatePackage, kendoThemeMaps } from '@progress/kendo-vue-common';
 /**
- * Represents the default `Avatar` component.
+ * @hidden
  */
 
 var AvatarVue2 = {
@@ -91,5 +91,9 @@ var AvatarVue2 = {
     }, [defaultSlots])]);
   }
 };
+/**
+ * @hidden
+ */
+
 var Avatar = AvatarVue2;
 export { Avatar, AvatarVue2 };

package/dist/es/card/Card.d.ts

@@ -33,8 +33,11 @@ export interface CardComputed {
 export interface CardAll extends CardMethods, CardState, CardData, CardComputed, Vue2type {
 }
 /**
- * Represents the default `Card` component.
+ * @hidden
  */
 declare const CardVue2: ComponentOptions<Vue2type, DefaultData<CardData>, DefaultMethods<CardAll>, CardComputed, RecordPropsDefinition<CardProps>>;
+/**
+ * @hidden
+ */
 declare let Card: DefineComponent<CardProps, any, CardData, CardComputed, CardMethods, {}, {}, {}, string, CardProps, CardProps, {}>;
 export { Card, CardVue2 };

package/dist/es/card/Card.js

@@ -7,7 +7,7 @@ import { cardOrientation } from './interfaces/Enums';
 import { packageMetadata } from '../package-metadata';
 import { getDefaultSlots, validatePackage } from '@progress/kendo-vue-common';
 /**
- * Represents the default `Card` component.
+ * @hidden
  */
 
 var CardVue2 = {
@@ -61,5 +61,9 @@ var CardVue2 = {
     }, [defaultSlots]);
   }
 };
+/**
+ * @hidden
+ */
+
 var Card = CardVue2;
 export { Card, CardVue2 };

package/dist/es/card/CardActions.d.ts

@@ -33,8 +33,11 @@ export interface CardActionsComputed {
 export interface CardActionsAll extends CardActionsMethods, CardActionsState, CardActionsData, CardActionsComputed, Vue2type {
 }
 /**
- * Represents the default `CardActions` component.
+ * @hidden
  */
 declare const CardActionsVue2: ComponentOptions<Vue2type, DefaultData<CardActionsData>, DefaultMethods<CardActionsAll>, CardActionsComputed, RecordPropsDefinition<CardActionsProps>>;
+/**
+ * @hidden
+ */
 declare let CardActions: DefineComponent<CardActionsProps, any, CardActionsData, CardActionsComputed, CardActionsMethods, {}, {}, {}, string, CardActionsProps, CardActionsProps, {}>;
 export { CardActions, CardActionsVue2 };

package/dist/es/card/CardActions.js

@@ -5,7 +5,7 @@ var gh = allVue.h;
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 import { cardActionsLayout, cardOrientation } from './interfaces/Enums';
 /**
- * Represents the default `CardActions` component.
+ * @hidden
  */
 
 var CardActionsVue2 = {
@@ -50,5 +50,9 @@ var CardActionsVue2 = {
     }, [defaultSlots]);
   }
 };
+/**
+ * @hidden
+ */
+
 var CardActions = CardActionsVue2;
 export { CardActions, CardActionsVue2 };

package/dist/es/card/CardBody.d.ts

@@ -33,8 +33,11 @@ export interface CardBodyComputed {
 export interface CardBodyAll extends CardBodyMethods, CardBodyState, CardBodyData, CardBodyComputed, Vue2type {
 }
 /**
- * Represents the default `CardBody` component.
+ * @hidden
  */
 declare const CardBodyVue2: ComponentOptions<Vue2type, DefaultData<CardBodyData>, DefaultMethods<CardBodyAll>, CardBodyComputed, RecordPropsDefinition<CardBodyProps>>;
+/**
+ * @hidden
+ */
 declare const CardBody: DefineComponent<CardBodyProps, any, CardBodyData, CardBodyComputed, CardBodyMethods, {}, {}, {}, string, CardBodyProps, CardBodyProps, {}>;
 export { CardBody, CardBodyVue2 };

package/dist/es/card/CardBody.js

@@ -4,7 +4,7 @@ var allVue = Vue;
 var gh = allVue.h;
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
- * Represents the default `CardBody` component.
+ * @hidden
  */
 
 var CardBodyVue2 = {
@@ -24,5 +24,9 @@ var CardBodyVue2 = {
     }, [defaultSlots]);
   }
 };
+/**
+ * @hidden
+ */
+
 var CardBody = CardBodyVue2;
 export { CardBody, CardBodyVue2 };

package/dist/es/card/CardFooter.d.ts

@@ -33,8 +33,11 @@ export interface CardFooterComputed {
 export interface CardFooterAll extends CardFooterMethods, CardFooterState, CardFooterData, CardFooterComputed, Vue2type {
 }
 /**
- * Represents the default `CardFooter` component.
+ * @hidden
  */
 declare const CardFooterVue2: ComponentOptions<Vue2type, DefaultData<CardFooterData>, DefaultMethods<CardFooterAll>, CardFooterComputed, RecordPropsDefinition<CardFooterProps>>;
+/**
+ * @hidden
+ */
 declare const CardFooter: DefineComponent<CardFooterProps, any, CardFooterData, CardFooterComputed, CardFooterMethods, {}, {}, {}, string, CardFooterProps, CardFooterProps, {}>;
 export { CardFooter, CardFooterVue2 };

package/dist/es/card/CardFooter.js

@@ -4,7 +4,7 @@ var allVue = Vue;
 var gh = allVue.h;
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
- * Represents the default `CardFooter` component.
+ * @hidden
  */
 
 var CardFooterVue2 = {
@@ -24,5 +24,9 @@ var CardFooterVue2 = {
     }, [defaultSlots]);
   }
 };
+/**
+ * @hidden
+ */
+
 var CardFooter = CardFooterVue2;
 export { CardFooter, CardFooterVue2 };

package/dist/es/card/CardHeader.d.ts

@@ -33,8 +33,11 @@ export interface CardHeaderComputed {
 export interface CardHeaderAll extends CardHeaderMethods, CardHeaderState, CardHeaderData, CardHeaderComputed, Vue2type {
 }
 /**
- * Represents the default `CardHeader` component.
+ * @hidden
  */
 declare const CardHeaderVue2: ComponentOptions<Vue2type, DefaultData<CardHeaderData>, DefaultMethods<CardHeaderAll>, CardHeaderComputed, RecordPropsDefinition<CardHeaderProps>>;
+/**
+ * @hidden
+ */
 declare const CardHeader: DefineComponent<CardHeaderProps, any, CardHeaderData, CardHeaderComputed, CardHeaderMethods, {}, {}, {}, string, CardHeaderProps, CardHeaderProps, {}>;
 export { CardHeader, CardHeaderVue2 };

package/dist/es/card/CardHeader.js

@@ -4,7 +4,7 @@ var allVue = Vue;
 var gh = allVue.h;
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
- * Represents the default `CardHeader` component.
+ * @hidden
  */
 
 var CardHeaderVue2 = {
@@ -24,5 +24,9 @@ var CardHeaderVue2 = {
     }, [defaultSlots]);
   }
 };
+/**
+ * @hidden
+ */
+
 var CardHeader = CardHeaderVue2;
 export { CardHeader, CardHeaderVue2 };

package/dist/es/card/CardImage.d.ts

@@ -33,8 +33,11 @@ export interface CardImageComputed {
 export interface CardImageAll extends CardImageMethods, CardImageState, CardImageData, CardImageComputed, Vue2type {
 }
 /**
- * Represents the default `CardImage` component.
+ * @hidden
  */
 declare const CardImageVue2: ComponentOptions<Vue2type, DefaultData<CardImageData>, DefaultMethods<CardImageAll>, CardImageComputed, RecordPropsDefinition<CardImageProps>>;
+/**
+ * @hidden
+ */
 declare const CardImage: DefineComponent<CardImageProps, any, CardImageData, CardImageComputed, CardImageMethods, {}, {}, {}, string, CardImageProps, CardImageProps, {}>;
 export { CardImage, CardImageVue2 };

package/dist/es/card/CardImage.js

@@ -4,7 +4,7 @@ var allVue = Vue;
 var gh = allVue.h;
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
- * Represents the default `CardImage` component.
+ * @hidden
  */
 
 var CardImageVue2 = {
@@ -31,5 +31,9 @@ var CardImageVue2 = {
     });
   }
 };
+/**
+ * @hidden
+ */
+
 var CardImage = CardImageVue2;
 export { CardImage, CardImageVue2 };

package/dist/es/card/CardSubtitle.d.ts

@@ -33,8 +33,11 @@ export interface CardSubtitleComputed {
 export interface CardSubtitleAll extends CardSubtitleMethods, CardSubtitleState, CardSubtitleData, CardSubtitleComputed, Vue2type {
 }
 /**
- * Represents the default `CardSubtitle` component.
+ * @hidden
  */
 declare const CardSubtitleVue2: ComponentOptions<Vue2type, DefaultData<CardSubtitleData>, DefaultMethods<CardSubtitleAll>, CardSubtitleComputed, RecordPropsDefinition<CardSubtitleProps>>;
+/**
+ * @hidden
+ */
 declare const CardSubtitle: DefineComponent<CardSubtitleProps, any, CardSubtitleData, CardSubtitleComputed, CardSubtitleMethods, {}, {}, {}, string, CardSubtitleProps, CardSubtitleProps, {}>;
 export { CardSubtitle, CardSubtitleVue2 };

package/dist/es/card/CardSubtitle.js

@@ -4,7 +4,7 @@ var allVue = Vue;
 var gh = allVue.h;
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
- * Represents the default `CardSubtitle` component.
+ * @hidden
  */
 
 var CardSubtitleVue2 = {
@@ -24,5 +24,9 @@ var CardSubtitleVue2 = {
     }, [defaultSlots]);
   }
 };
+/**
+ * @hidden
+ */
+
 var CardSubtitle = CardSubtitleVue2;
 export { CardSubtitle, CardSubtitleVue2 };

package/dist/es/card/CardTitle.d.ts

@@ -33,8 +33,11 @@ export interface CardTitleComputed {
 export interface CardTitleAll extends CardTitleMethods, CardTitleState, CardTitleData, CardTitleComputed, Vue2type {
 }
 /**
- * Represents the default `CardTitle` component.
+ * @hidden
  */
 declare const CardTitleVue2: ComponentOptions<Vue2type, DefaultData<CardTitleData>, DefaultMethods<CardTitleAll>, CardTitleComputed, RecordPropsDefinition<CardTitleProps>>;
+/**
+ * @hidden
+ */
 declare const CardTitle: DefineComponent<CardTitleProps, any, CardTitleData, CardTitleComputed, CardTitleMethods, {}, {}, {}, string, CardTitleProps, CardTitleProps, {}>;
 export { CardTitle, CardTitleVue2 };

package/dist/es/card/CardTitle.js

@@ -4,7 +4,7 @@ var allVue = Vue;
 var gh = allVue.h;
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
- * Represents the default `CardTitle` component.
+ * @hidden
  */
 
 var CardTitleVue2 = {
@@ -24,5 +24,9 @@ var CardTitleVue2 = {
     }, [defaultSlots]);
   }
 };
+/**
+ * @hidden
+ */
+
 var CardTitle = CardTitleVue2;
 export { CardTitle, CardTitleVue2 };

package/dist/es/card/interfaces/AvatarProps.d.ts

@@ -10,12 +10,7 @@ export interface AvatarProps {
      */
     fillMode?: null | 'solid' | 'outline' | string;
     /**
-     * Set the shape of the Avatar.
-     *
-     * The supported values are:
-     * * (Default) `square`
-     * * `circle`
-     * * `rounded`
+     * @hidden
      */
     shape?: avatarShape | string;
     /**
@@ -39,13 +34,12 @@ export interface AvatarProps {
      * - small
      * - medium
      * - large
-     * - circle
      * - full
      * - null—Does not set a rounded `className`.
      *
      * @default `medium`
      */
-    rounded?: null | 'small' | 'medium' | 'large' | 'circle' | string;
+    rounded?: null | 'small' | 'medium' | 'large' | 'full' | string;
     /**
      * Set the type of the Avatar.
      *

package/dist/es/card/interfaces/Enums.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @hidden
+ */
 export declare enum avatarShape {
     CIRCLE = "circle",
     SQUARE = "square",

package/dist/es/card/interfaces/Enums.js

@@ -1,3 +1,6 @@
+/**
+ * @hidden
+ */
 export var avatarShape;
 
 (function (avatarShape) {

package/dist/es/drawer/Drawer.d.ts

@@ -40,6 +40,12 @@ export interface DrawerData {
  */
 export interface DrawerAll extends Vue2type, DrawerMethods, DrawerData, DrawerComputed, DrawerState {
 }
+/**
+ * @hidden
+ */
 declare let DrawerVue2: ComponentOptions<DrawerAll, DefaultData<DrawerData>, DefaultMethods<DrawerAll>, DrawerComputed, RecordPropsDefinition<DrawerProps>>;
+/**
+ * @hidden
+ */
 declare const Drawer: DefineComponent<DrawerProps, any, DrawerData, DrawerComputed, DrawerMethods, {}, {}, {}, string, DrawerProps, DrawerProps, {}>;
 export { Drawer, DrawerVue2 };

package/dist/es/drawer/Drawer.js

@@ -4,7 +4,10 @@ var allVue = Vue;
 var gh = allVue.h;
 import { DrawerNavigation } from './DrawerNavigation';
 import { getDir, validatePackage, getDefaultSlots, templateRendering, getListeners } from '@progress/kendo-vue-common';
-import { packageMetadata } from '../package-metadata'; // tslint:enable:max-line-length
+import { packageMetadata } from '../package-metadata';
+/**
+ * @hidden
+ */
 
 var DrawerVue2 = {
   name: 'KendoDrawer',
@@ -192,5 +195,9 @@ var DrawerVue2 = {
     }
   }
 };
+/**
+ * @hidden
+ */
+
 var Drawer = DrawerVue2;
 export { Drawer, DrawerVue2 };

package/dist/es/drawer/DrawerContent.d.ts

@@ -30,6 +30,81 @@ export interface DrawerContentData {
  */
 export interface DrawerContentAll extends Vue2type, DrawerContentMethods, DrawerContentData, DrawerContentComputed, DrawerContentState {
 }
+/**
+ * @hidden
+ */
 declare let DrawerContentVue2: ComponentOptions<DrawerContentAll, DefaultData<DrawerContentData>, DefaultMethods<DrawerContentAll>, DrawerContentComputed, RecordPropsDefinition<DrawerContentProps>>;
+/**
+ * Represents the [Kendo UI for Vue Drawer component]({% slug overview_drawer %}).
+ *
+ * ```jsx
+ * <template>
+ *   <div>
+ *     <Drawer
+ *       :expanded="expanded"
+ *       :position="position"
+ *       :mode="mode"
+ *       :items="
+ *         items.map((item, index) => ({
+ *           ...item,
+ *           selected: index === selectedId,
+ *         }))
+ *       "
+ *       @select="handleSelect"
+ *     >
+ *       <DrawerContent>
+ *         <k-button @click="handleClick"> Toggle the drawer state </k-button>
+ *       </DrawerContent>
+ *     </Drawer>
+ *   </div>
+ * </template>
+ *
+ * <script>
+ * import { Drawer, DrawerContent } from "@progress/kendo-vue-layout";
+ * import { Button } from "@progress/kendo-vue-buttons";
+ * import "./styles.css";
+ *
+ * export default {
+ *   name: "App",
+ *   components: { Drawer, DrawerContent, "k-button": Button },
+ *   data() {
+ *     return {
+ *       items: [
+ *         {
+ *           text: "Inbox",
+ *           icon: "k-i-inbox",
+ *           selected: true,
+ *         },
+ *         {
+ *           text: "Calendar",
+ *           icon: "k-i-calendar",
+ *         },
+ *         {
+ *           text: "Attachments",
+ *           icon: "k-i-hyperlink-email",
+ *         },
+ *         {
+ *           text: "Favourites",
+ *           icon: "k-i-star-outline",
+ *         },
+ *       ],
+ *       expanded: true,
+ *       selectedId: 0,
+ *       position: "start",
+ *       mode: "push",
+ *     };
+ *   },
+ *   methods: {
+ *     handleClick(e) {
+ *       this.expanded = !this.expanded;
+ *     },
+ *     handleSelect(e) {
+ *       this.selectedId = e.itemIndex;
+ *     },
+ *   },
+ * };
+ * </script>
+ * ```
+ */
 declare const DrawerContent: DefineComponent<DrawerContentProps, any, DrawerContentData, DrawerContentComputed, DrawerContentMethods, {}, {}, {}, string, DrawerContentProps, DrawerContentProps, {}>;
 export { DrawerContent, DrawerContentVue2 };

package/dist/es/drawer/DrawerContent.js

@@ -2,7 +2,10 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
-import { getDefaultSlots } from '@progress/kendo-vue-common'; // tslint:enable:max-line-length
+import { getDefaultSlots } from '@progress/kendo-vue-common';
+/**
+ * @hidden
+ */
 
 var DrawerContentVue2 = {
   name: 'KendoDrawerContent',
@@ -22,5 +25,78 @@ var DrawerContentVue2 = {
     }, [defaultSlot]);
   }
 };
+/**
+ * Represents the [Kendo UI for Vue Drawer component]({% slug overview_drawer %}).
+ *
+ * ```jsx
+ * <template>
+ *   <div>
+ *     <Drawer
+ *       :expanded="expanded"
+ *       :position="position"
+ *       :mode="mode"
+ *       :items="
+ *         items.map((item, index) => ({
+ *           ...item,
+ *           selected: index === selectedId,
+ *         }))
+ *       "
+ *       @select="handleSelect"
+ *     >
+ *       <DrawerContent>
+ *         <k-button @click="handleClick"> Toggle the drawer state </k-button>
+ *       </DrawerContent>
+ *     </Drawer>
+ *   </div>
+ * </template>
+ *
+ * <script>
+ * import { Drawer, DrawerContent } from "@progress/kendo-vue-layout";
+ * import { Button } from "@progress/kendo-vue-buttons";
+ * import "./styles.css";
+ *
+ * export default {
+ *   name: "App",
+ *   components: { Drawer, DrawerContent, "k-button": Button },
+ *   data() {
+ *     return {
+ *       items: [
+ *         {
+ *           text: "Inbox",
+ *           icon: "k-i-inbox",
+ *           selected: true,
+ *         },
+ *         {
+ *           text: "Calendar",
+ *           icon: "k-i-calendar",
+ *         },
+ *         {
+ *           text: "Attachments",
+ *           icon: "k-i-hyperlink-email",
+ *         },
+ *         {
+ *           text: "Favourites",
+ *           icon: "k-i-star-outline",
+ *         },
+ *       ],
+ *       expanded: true,
+ *       selectedId: 0,
+ *       position: "start",
+ *       mode: "push",
+ *     };
+ *   },
+ *   methods: {
+ *     handleClick(e) {
+ *       this.expanded = !this.expanded;
+ *     },
+ *     handleSelect(e) {
+ *       this.selectedId = e.itemIndex;
+ *     },
+ *   },
+ * };
+ * </script>
+ * ```
+ */
+
 var DrawerContent = DrawerContentVue2;
 export { DrawerContent, DrawerContentVue2 };

package/dist/es/drawer/DrawerItem.d.ts

@@ -32,6 +32,44 @@ export interface DrawerItemData {
  */
 export interface DrawerItemAll extends Vue2type, DrawerItemMethods, DrawerItemData, DrawerItemComputed, DrawerItemState {
 }
+/**
+ * @hidden
+ */
 declare let DrawerItemVue2: ComponentOptions<DrawerItemAll, DefaultData<DrawerItemData>, DefaultMethods<DrawerItemAll>, DrawerItemComputed, RecordPropsDefinition<DrawerItemProps>>;
+/**
+ * Represents the [Kendo UI for Vue Drawer component]({% slug overview_drawer %}).
+ *
+ * ```jsx
+ *     <Drawer
+ *       :expanded="expanded"
+ *       :position="position"
+ *       :mode="mode"
+ *       :mini="true"
+ *       :width="175"
+ *       :items="
+ *         items.map((item, index) => ({
+ *           ...item,
+ *           selected: index === selectedId,
+ *         }))
+ *       "
+ *       :item="'CustomItem'"
+ *       @select="onSelect"
+ *     >
+ *       <template v-slot:CustomItem="{ props }">
+ *         <DrawerItem v-bind="props" @click="props.onClick">
+ *           <span :class="'k-icon flag ' + props.flag" />
+ *           <div class="item-descr-wrap">
+ *             <div>{{ props.text }}</div>
+ *             <span class="item-descr">Capital of {{ props.country }}</span>
+ *           </div>
+ *         </DrawerItem>
+ *       </template>
+ *       <DrawerContent>
+ *         <router-view />
+ *       </DrawerContent>
+ *     </Drawer>
+ * ```
+ *
+ */
 declare const DrawerItem: DefineComponent<DrawerItemProps, any, DrawerItemData, DrawerItemComputed, DrawerItemMethods, {}, {}, {}, string, DrawerItemProps, DrawerItemProps, {}>;
 export { DrawerItem, DrawerItemVue2 };

package/dist/es/drawer/DrawerItem.js

@@ -18,7 +18,10 @@ var __assign = this && this.__assign || function () {
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
-import { getTabIndex, getDefaultSlots } from '@progress/kendo-vue-common'; // tslint:enable:max-line-length
+import { getTabIndex, getDefaultSlots } from '@progress/kendo-vue-common';
+/**
+ * @hidden
+ */
 
 var DrawerItemVue2 = {
   name: 'KendoDrawerItem',
@@ -120,5 +123,41 @@ var DrawerItemVue2 = {
     }
   }
 };
+/**
+ * Represents the [Kendo UI for Vue Drawer component]({% slug overview_drawer %}).
+ *
+ * ```jsx
+ *     <Drawer
+ *       :expanded="expanded"
+ *       :position="position"
+ *       :mode="mode"
+ *       :mini="true"
+ *       :width="175"
+ *       :items="
+ *         items.map((item, index) => ({
+ *           ...item,
+ *           selected: index === selectedId,
+ *         }))
+ *       "
+ *       :item="'CustomItem'"
+ *       @select="onSelect"
+ *     >
+ *       <template v-slot:CustomItem="{ props }">
+ *         <DrawerItem v-bind="props" @click="props.onClick">
+ *           <span :class="'k-icon flag ' + props.flag" />
+ *           <div class="item-descr-wrap">
+ *             <div>{{ props.text }}</div>
+ *             <span class="item-descr">Capital of {{ props.country }}</span>
+ *           </div>
+ *         </DrawerItem>
+ *       </template>
+ *       <DrawerContent>
+ *         <router-view />
+ *       </DrawerContent>
+ *     </Drawer>
+ * ```
+ *
+ */
+
 var DrawerItem = DrawerItemVue2;
 export { DrawerItem, DrawerItemVue2 };