@progress/kendo-vue-layout 3.5.0 → 3.5.1-dev.202208100944

package/dist/es/card/Avatar.js

@@ -74,12 +74,12 @@ var AvatarVue2 = {
       return _a = {
         'k-avatar-bordered': border,
         'k-avatar': true
-      }, _a["k-avatar-" + (kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-rounded-" + (kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a["k-avatar-" + fillMode] = fillMode, _a["k-avatar-" + fillMode + "-" + themeColor] = Boolean(fillMode && themeColor), _a;
+      }, _a["k-avatar-".concat(kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-rounded-".concat(kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a["k-avatar-".concat(fillMode)] = fillMode, _a["k-avatar-".concat(fillMode, "-").concat(themeColor)] = Boolean(fillMode && themeColor), _a;
     },
     innerClass: function innerClass() {
       var _a;
 
-      return _a = {}, _a["k-avatar-" + this.$props.type] = this.$props.type, _a;
+      return _a = {}, _a["k-avatar-".concat(this.$props.type)] = this.$props.type, _a;
     }
   },
   render: function render(createElement) {

package/dist/es/card/Card.js

@@ -47,7 +47,7 @@ var CardVue2 = {
       var orientationClass = this.$props.orientation !== cardOrientation.HORIZONTAL ? 'vertical' : 'horizontal';
       return _a = {
         'k-card': true
-      }, _a["k-card-" + this.$props.type] = this.$props.type !== cardType.DEFAULT, _a["k-card-" + orientationClass] = true, _a;
+      }, _a["k-card-".concat(this.$props.type)] = this.$props.type !== cardType.DEFAULT, _a["k-card-".concat(orientationClass)] = true, _a;
     }
   },
   render: function render(createElement) {

package/dist/es/card/CardActions.js

@@ -40,7 +40,7 @@ var CardActionsVue2 = {
 
       return _a = {
         'k-card-actions': true
-      }, _a["k-card-actions-" + this.$props.layout] = true, _a["k-card-actions-" + (this.$props.orientation !== cardOrientation.HORIZONTAL ? 'vertical' : 'horizontal')] = true, _a;
+      }, _a["k-card-actions-".concat(this.$props.layout)] = true, _a["k-card-actions-".concat(this.$props.orientation !== cardOrientation.HORIZONTAL ? 'vertical' : 'horizontal')] = true, _a;
     }
   },
   render: function render(createElement) {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/es/drawer/context/DrawerContext.js

@@ -11,3 +11,4 @@ var defaultContext = {
     width: 240,
     miniWidth: 50
 };
+export {};

package/dist/es/drawer/interfaces/DrawerAnimation.js

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

package/dist/es/drawer/interfaces/DrawerContentProps.js

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

package/dist/es/drawer/interfaces/DrawerItemHandle.js

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

package/dist/es/drawer/interfaces/DrawerItemProps.js

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

package/dist/es/drawer/interfaces/DrawerNavigationProps.js

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

package/dist/es/drawer/interfaces/DrawerProps.js

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

package/dist/es/drawer/interfaces/DrawerSelectEvent.js

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

package/dist/es/menu/BaseMenuItemInternalProps.js

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

package/dist/es/menu/MenuProps.js

@@ -1 +1 @@
-// tslint:enable:max-line-length
+export {}; // tslint:enable:max-line-length

package/dist/es/menu/components/MenuItemInternal.js

@@ -164,7 +164,7 @@ var MenuItemInternalVue2 = {
 
     var renderMenuIconIfApplicable = function renderMenuIconIfApplicable() {
       return this.$props.item.icon ? h("span", {
-        "class": "k-icon k-i-" + this.$props.item.icon,
+        "class": "k-icon k-i-".concat(this.$props.item.icon),
         role: "presentation",
         attrs: this.v3 ? undefined : {
           role: "presentation"

package/dist/es/menu/events.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/menu/models/BaseMenuItem.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/menu/models/MenuItemModel.js

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

package/dist/es/menu/utils/misc.js

@@ -38,5 +38,5 @@ export function convertBoolDirectionToString(isDirectionRightToLeft) {
  * @hidden
  */
 export function getDOMElementId(menuGuid, itemId) {
-    return menuGuid + "_" + itemId;
+    return "".concat(menuGuid, "_").concat(itemId);
 }

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-layout',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1659428942,
+    publishDate: 1660123933,
     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/es/panelbar/PanelBar.js

@@ -14,18 +14,14 @@ var __assign = this && this.__assign || function () {
   return __assign.apply(this, arguments);
 };
 
-var __spreadArrays = this && this.__spreadArrays || function () {
-  for (var s = 0, i = 0, il = arguments.length; i < il; i++) {
-    s += arguments[i].length;
-  }
-
-  for (var r = Array(s), k = 0, i = 0; i < il; i++) {
-    for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++) {
-      r[k] = a[j];
+var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
+  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+    if (ar || !(i in from)) {
+      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+      ar[i] = from[i];
     }
   }
-
-  return r;
+  return to.concat(ar || Array.prototype.slice.call(from));
 }; // @ts-ignore
 
 
@@ -179,11 +175,11 @@ var PanelBarVue2 = {
       if (selectedChild) {
         switch (this.expandMode) {
           case 'single':
-            newExpanded = __spreadArrays(selectedChild.parentUniquePrivateKey, [selectedChild.uniquePrivateKey]);
+            newExpanded = __spreadArray(__spreadArray([], selectedChild.parentUniquePrivateKey, true), [selectedChild.uniquePrivateKey], false);
 
             if (isArrayEqual(this.expandedItems, newExpanded)) {
               if (selectedChild.parentUniquePrivateKey) {
-                newExpanded = __spreadArrays(selectedChild.parentUniquePrivateKey);
+                newExpanded = __spreadArray([], selectedChild.parentUniquePrivateKey, true);
               } else {
                 newExpanded = [];
               }

package/dist/es/panelbar/PanelBarItem.js

@@ -93,7 +93,7 @@ var PanelBarItemVue2 = {
       'k-panelbar-header': level === 0,
       'k-panelbar-item': level !== 0,
       'k-expanded': expanded && hasContent
-    }, "k-level-" + level, className);
+    }, "k-level-".concat(level), className);
     var panelBarLinkClassName = classNames('k-link', {
       'k-selected': !disabled && selected,
       'k-focus': focused,

package/dist/es/panelbar/interfaces/PanelBarItemClickEventArguments.js

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

package/dist/es/panelbar/interfaces/PanelBarItemProps.js

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

package/dist/es/panelbar/interfaces/PanelBarProps.js

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

package/dist/es/panelbar/interfaces/PanelBarSelectEventArguments.js

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

package/dist/es/panelbar/interfaces/RenderPanelBarItem.js

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

package/dist/es/panelbar/util.js

@@ -14,18 +14,14 @@ var __assign = this && this.__assign || function () {
   return __assign.apply(this, arguments);
 };
 
-var __spreadArrays = this && this.__spreadArrays || function () {
-  for (var s = 0, i = 0, il = arguments.length; i < il; i++) {
-    s += arguments[i].length;
-  }
-
-  for (var r = Array(s), k = 0, i = 0; i < il; i++) {
-    for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++) {
-      r[k] = a[j];
+var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
+  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+    if (ar || !(i in from)) {
+      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+      ar[i] = from[i];
     }
   }
-
-  return r;
+  return to.concat(ar || Array.prototype.slice.call(from));
 };
 
 import { getListeners, templateRendering } from '@progress/kendo-vue-common';
@@ -62,7 +58,7 @@ export var renderChildren = function renderChildren(items, _a) {
         handleSelect: handleSelect,
         parentExpanded: (expanded || []).indexOf(privateKey) > -1,
         level: level + 1,
-        parentPrivateKey: __spreadArrays(parentPrivateKey, [privateKey])
+        parentPrivateKey: __spreadArray(__spreadArray([], parentPrivateKey, true), [privateKey], false)
       };
       nestedChildren = renderChildren.call(this, child.items, renderState);
     }
@@ -70,7 +66,7 @@ export var renderChildren = function renderChildren(items, _a) {
     return __assign(__assign({}, child), {
       animation: child.animation !== undefined ? child.animation : animation,
       keepItemsMounted: keepItemsMounted,
-      id: child.id || "k-panelbar-item-default-" + privateKey,
+      id: child.id || "k-panelbar-item-default-".concat(privateKey),
       uniquePrivateKey: privateKey,
       parentUniquePrivateKey: parentPrivateKey,
       parentExpanded: parentExpanded,
@@ -140,7 +136,7 @@ export var getInitialState = function getInitialState(props, expandMode, result,
       }
 
       if (item.items) {
-        result = getInitialState(item, expandMode, result, !!item.expanded, __spreadArrays(parentPrivateKey, [privateKey]));
+        result = getInitialState(item, expandMode, result, !!item.expanded, __spreadArray(__spreadArray([], parentPrivateKey, true), [privateKey], false));
       }
     }
   });
@@ -151,7 +147,7 @@ export var getInitialState = function getInitialState(props, expandMode, result,
  */
 
 var getId = function getId(child, parentPrivateKey, idx) {
-  return child && child && child.id ? child.id : parentPrivateKey.length ? parentPrivateKey[parentPrivateKey.length - 1] + ("." + idx) : "." + idx;
+  return child && child && child.id ? child.id : parentPrivateKey.length ? parentPrivateKey[parentPrivateKey.length - 1] + ".".concat(idx) : ".".concat(idx);
 };
 /**
  * @hidden

package/dist/es/splitter/Splitter.js

@@ -95,7 +95,7 @@ var SplitterVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var panesOptions = this.panesOptions();
-    var className = classNames('k-widget', 'k-splitter', 'k-splitter-flex', "k-splitter-" + this.orientation);
+    var className = classNames('k-widget', 'k-splitter', 'k-splitter-flex', "k-splitter-".concat(this.orientation));
     this.validatePanes(panesOptions);
 
     var mapSplitterPanes = function mapSplitterPanes(panes) {
@@ -316,9 +316,9 @@ var SplitterVue2 = {
       var sizeType = isContainer ? 'client' : 'offset';
 
       if (this.orientation === 'vertical') {
-        return el[sizeType + "Height"];
+        return el["".concat(sizeType, "Height")];
       } else {
-        return el[sizeType + "Width"];
+        return el["".concat(sizeType, "Width")];
       }
     },
     clamp: function clamp(min, max, v) {

package/dist/es/stepper/Step.js

@@ -69,7 +69,7 @@ var StepVue2 = {
       var index = this.$props.index;
       var allowClick = !this.linear || index === this.value - 1 || index === this.value || index === this.value + 1;
       return {
-        maxWidth: !this.isVertical ? "calc(100% / " + this.numOfSteps + ")" : undefined,
+        maxWidth: !this.isVertical ? "calc(100% / ".concat(this.numOfSteps, ")") : undefined,
         pointerEvents: !allowClick ? 'none' : undefined
       };
     }
@@ -124,7 +124,7 @@ var StepVue2 = {
 
     var optionalMessage = localizeMessage(optionalText);
     var progressAnimation = typeof animationDuration === 'number' ? animationDuration : animationDuration !== false ? DEFAULT_ANIMATION_DURATION : NO_ANIMATION;
-    var validationIconClasses = isValid ? successIcon ? "" + successIcon : 'k-icon k-i-check' : errorIcon ? "" + errorIcon : 'k-icon k-i-warning';
+    var validationIconClasses = isValid ? successIcon ? "".concat(successIcon) : 'k-icon k-i-check' : errorIcon ? "".concat(errorIcon) : 'k-icon k-i-warning';
     var validationIcons = h("span", {
       "class": 'k-step-indicator-icon ' + validationIconClasses,
       "aria-hidden": "true",
@@ -144,7 +144,7 @@ var StepVue2 = {
           transitionDuration: progressAnimation + 'ms'
         }
       }, [icon ? !isInLabel && isValid !== undefined ? validationIcons : h("span", {
-        "class": "k-step-indicator-icon k-icon " + icon
+        "class": "k-step-indicator-icon k-icon ".concat(icon)
       }) : isValid !== undefined ? validationIcons : h("span", {
         "class": "k-step-indicator-text"
       }, [text ? text : index + 1])]) : null;

package/dist/es/stepper/context/StepperContext.js

@@ -6,3 +6,4 @@ var defaultContext = {
     mode: 'steps',
     value: 0
 };
+export {};

package/dist/es/stepper/interfaces/StepChangeEvent.js

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

package/dist/es/stepper/interfaces/StepFocusEvent.js

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

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

@@ -1,3 +1,4 @@
 /**
  * The Step ref.
  */
+export {};

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

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

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

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

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

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

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

@@ -1,3 +1,4 @@
 /**
  * The Stepper ref.
  */
+export {};

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

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

package/dist/esm/additionalTypes.ts

@@ -0,0 +1,21 @@
+// @ts-ignore
+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/esm/card/Avatar.d.ts

@@ -0,0 +1,43 @@
+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 { AvatarProps } from './interfaces/AvatarProps';
+/**
+ * @hidden
+ */
+interface AvatarState {
+}
+/**
+ * @hidden
+ */
+interface AvatarData {
+}
+/**
+ * @hidden
+ */
+export interface AvatarMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface AvatarComputed {
+    [key: string]: any;
+    wrapperClass: object;
+}
+/**
+ * @hidden
+ */
+export interface AvatarAll extends AvatarMethods, AvatarState, AvatarData, AvatarComputed, Vue2type {
+}
+/**
+ * @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/esm/card/Avatar.js

@@ -0,0 +1,100 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { avatarType } from './interfaces/Enums.js';
+import { packageMetadata } from '../package-metadata.js';
+import { getDefaultSlots, validatePackage, kendoThemeMaps } from '@progress/kendo-vue-common';
+/**
+ * @hidden
+ */
+
+var AvatarVue2 = {
+  name: 'KendoAvatar',
+  props: {
+    type: {
+      type: String,
+      default: avatarType.TEXT,
+      validator: function validator(value) {
+        return ['text', 'image', 'icon'].includes(value);
+      }
+    },
+    border: Boolean,
+    rounded: {
+      type: String,
+      default: 'medium',
+      validator: function validator(value) {
+        return ['small', 'medium', 'large', 'full'].includes(value);
+      }
+    },
+    fillMode: {
+      type: String,
+      default: 'solid',
+      validator: function validator(value) {
+        return ['solid', 'outline'].includes(value);
+      }
+    },
+    size: {
+      type: String,
+      default: 'medium',
+      validator: function validator(value) {
+        return ['small', 'medium', 'large'].includes(value);
+      }
+    },
+    themeColor: {
+      type: String,
+      default: 'primary',
+      validator: function validator(value) {
+        return ['primary', 'secondary', 'tertiary', 'info', 'success', 'warning', 'error', 'dark', 'light', 'inverse', 'inherit'].includes(value);
+      }
+    }
+  },
+  created: function created() {
+    validatePackage(packageMetadata);
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  computed: {
+    wrapperClass: function wrapperClass() {
+      var _a;
+
+      var _b = this.$props,
+          border = _b.border,
+          type = _b.type,
+          size = _b.size,
+          rounded = _b.rounded,
+          fillMode = _b.fillMode,
+          themeColor = _b.themeColor;
+      return _a = {
+        'k-avatar-bordered': border,
+        'k-avatar': true
+      }, _a["k-avatar-".concat(kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-rounded-".concat(kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a["k-avatar-".concat(fillMode)] = fillMode, _a["k-avatar-".concat(fillMode, "-").concat(themeColor)] = Boolean(fillMode && themeColor), _a;
+    },
+    innerClass: function innerClass() {
+      var _a;
+
+      return _a = {}, _a["k-avatar-".concat(this.$props.type)] = this.$props.type, _a;
+    }
+  },
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var defaultSlots = getDefaultSlots(this);
+    return h("div", {
+      "class": this.wrapperClass
+    }, [h("span", {
+      "class": this.innerClass
+    }, [defaultSlots])]);
+  }
+};
+/**
+ * @hidden
+ */
+
+var Avatar = AvatarVue2;
+export { Avatar, AvatarVue2 };

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

@@ -0,0 +1,43 @@
+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 { CardProps } from './interfaces/CardProps';
+/**
+ * @hidden
+ */
+interface CardState {
+}
+/**
+ * @hidden
+ */
+interface CardData {
+}
+/**
+ * @hidden
+ */
+export interface CardMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface CardComputed {
+    [key: string]: any;
+    wrapperClass: object;
+}
+/**
+ * @hidden
+ */
+export interface CardAll extends CardMethods, CardState, CardData, CardComputed, Vue2type {
+}
+/**
+ * @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/esm/card/Card.js

@@ -0,0 +1,70 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { cardType } from './interfaces/Enums.js';
+import { cardOrientation } from './interfaces/Enums.js';
+import { packageMetadata } from '../package-metadata.js';
+import { getDefaultSlots, validatePackage } from '@progress/kendo-vue-common';
+/**
+ * @hidden
+ */
+
+var CardVue2 = {
+  name: 'KendoCard',
+  props: {
+    dir: String,
+    type: {
+      type: String,
+      default: cardType.DEFAULT,
+      validator: function validator(value) {
+        return ['default', 'primary', 'info', 'success', 'warning', 'error'].includes(value);
+      }
+    },
+    orientation: {
+      type: String,
+      default: cardOrientation.VERTICAL,
+      validator: function validator(value) {
+        return ['horizontal', 'vertical'].includes(value);
+      }
+    }
+  },
+  created: function created() {
+    validatePackage(packageMetadata);
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  computed: {
+    wrapperClass: function wrapperClass() {
+      var _a;
+
+      var orientationClass = this.$props.orientation !== cardOrientation.HORIZONTAL ? 'vertical' : 'horizontal';
+      return _a = {
+        'k-card': true
+      }, _a["k-card-".concat(this.$props.type)] = this.$props.type !== cardType.DEFAULT, _a["k-card-".concat(orientationClass)] = true, _a;
+    }
+  },
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var defaultSlots = getDefaultSlots(this);
+    return h("div", {
+      dir: this.$props.dir,
+      attrs: this.v3 ? undefined : {
+        dir: this.$props.dir
+      },
+      "class": this.wrapperClass
+    }, [defaultSlots]);
+  }
+};
+/**
+ * @hidden
+ */
+
+var Card = CardVue2;
+export { Card, CardVue2 };