@progress/kendo-vue-layout 6.4.1-develop.2 → 6.4.2-develop.3

package/actionsheet/ActionSheet.mjs

@@ -7,7 +7,7 @@
  */
 import { defineComponent as w, h as f, createVNode as i, isVNode as D } from "vue";
 import { Slide as G } from "@progress/kendo-vue-animation";
-import { guid as T, validatePackage as j, getRef as I, FOCUSABLE_ELEMENTS as R, Navigation as F, templateRendering as h, getListeners as d, getTemplate as g, classNames as P, setRef as K } from "@progress/kendo-vue-common";
+import { templateRendering as h, getListeners as d, getTemplate as g, setRef as T, classNames as j, getRef as I, FOCUSABLE_ELEMENTS as R, Navigation as F, guid as P, validatePackage as K } from "@progress/kendo-vue-common";
 import { packageMetadata as _ } from "../package-metadata.mjs";
 import { ActionSheetItem as C } from "./ActionSheetItem.mjs";
 import { ActionSheetHeader as z } from "./ActionSheetHeader.mjs";
@@ -71,7 +71,7 @@ const U = 300, Y = /* @__PURE__ */ w({
     this.bottomPosition = {
       bottom: "0px",
       width: "100%"
-    }, this.guidId = T(), j(_);
+    }, this.guidId = P(), K(_);
   },
   mounted() {
     this.element = I(this, "actionSheet"), this.$props.expand && !this.show && (this.show = !0);
@@ -140,14 +140,14 @@ const U = 300, Y = /* @__PURE__ */ w({
       template: O,
       defaultRendering: null
     }), v = i("div", {
-      class: P("k-actionsheet", S, {
+      class: j("k-actionsheet", S, {
         "k-actionsheet-bottom": !S
       }),
       role: "dialog",
       "aria-modal": "true",
       "aria-hidden": !1,
       "aria-labelledby": this.guidId,
-      ref: K(this, "actionSheet"),
+      ref: T(this, "actionSheet"),
       onKeydown: this.handleKeyDown
     }, [this.$props.header && !t && !n && i(z, {
       headerClassName: $

package/appbar/AppBar.mjs

@@ -6,7 +6,7 @@
  *-------------------------------------------------------------------------------------------
  */
 import { defineComponent as e, createVNode as i } from "vue";
-import { validatePackage as p, guid as r, getDefaultSlots as s, focusFirstFocusableChild as d } from "@progress/kendo-vue-common";
+import { focusFirstFocusableChild as p, getDefaultSlots as r, validatePackage as s, guid as d } from "@progress/kendo-vue-common";
 import { packageMetadata as n } from "../package-metadata.mjs";
 const f = /* @__PURE__ */ e({
   name: "KendoAppBar",
@@ -32,7 +32,7 @@ const f = /* @__PURE__ */ e({
     }
   },
   created() {
-    p(n), this.calculatedId = r();
+    s(n), this.calculatedId = d();
   },
   computed: {
     wrapperClass() {
@@ -53,7 +53,7 @@ const f = /* @__PURE__ */ e({
     }
   },
   render() {
-    const t = s(this), {
+    const t = r(this), {
       id: o
     } = this.$props;
     return i("div", {
@@ -63,7 +63,7 @@ const f = /* @__PURE__ */ e({
   },
   methods: {
     focus() {
-      this.$el && d(this.$el);
+      this.$el && p(this.$el);
     }
   }
 });

package/appbar/AppBarSection.mjs

@@ -6,18 +6,18 @@
  *-------------------------------------------------------------------------------------------
  */
 import { defineComponent as t, createVNode as o } from "vue";
-import { getDefaultSlots as r, focusFirstFocusableChild as s } from "@progress/kendo-vue-common";
+import { focusFirstFocusableChild as r, getDefaultSlots as s } from "@progress/kendo-vue-common";
 const a = /* @__PURE__ */ t({
   name: "KendoAppBarSection",
   render() {
-    const e = r(this);
+    const e = s(this);
     return o("div", {
       class: "k-appbar-section"
     }, [e]);
   },
   methods: {
     focus() {
-      this.$el && s(this.$el);
+      this.$el && r(this.$el);
     }
   }
 });

package/appbar/AppBarSpacer.mjs

@@ -6,7 +6,7 @@
  *-------------------------------------------------------------------------------------------
  */
 import { defineComponent as s, createVNode as t } from "vue";
-import { getDefaultSlots as r, focusFirstFocusableChild as a } from "@progress/kendo-vue-common";
+import { focusFirstFocusableChild as r, getDefaultSlots as a } from "@progress/kendo-vue-common";
 const d = /* @__PURE__ */ s({
   name: "KendoAppBarSpacer",
   props: {
@@ -26,7 +26,7 @@ const d = /* @__PURE__ */ s({
     }
   },
   render() {
-    const e = r(this);
+    const e = a(this);
     return t("span", {
       class: this.spacerClasses,
       style: this.spacerStyles
@@ -34,7 +34,7 @@ const d = /* @__PURE__ */ s({
   },
   methods: {
     focus() {
-      this.$el && a(this.$el);
+      this.$el && r(this.$el);
     }
   }
 });

package/bottomnavigation/BottomNavigation.mjs

@@ -7,8 +7,8 @@
  */
 import { defineComponent as d, createVNode as n } from "vue";
 import { packageMetadata as c } from "../package-metadata.mjs";
-import { validatePackage as u, guid as m, templateRendering as f, getListeners as h, focusFirstFocusableChild as p, Keys as l } from "@progress/kendo-vue-common";
-import { POSITION_MODE_CLASSES as v, THEME_COLOR_CLASSES as S, ITEM_FLOW_CLASSES as y } from "./models/utils.mjs";
+import { Keys as l, focusFirstFocusableChild as u, templateRendering as m, getListeners as f, validatePackage as h, guid as p } from "@progress/kendo-vue-common";
+import { ITEM_FLOW_CLASSES as v, THEME_COLOR_CLASSES as S, POSITION_MODE_CLASSES as y } from "./models/utils.mjs";
 import { BottomNavigationItem as g } from "./BottomNavigationItem.mjs";
 const w = /* @__PURE__ */ d({
   name: "KendoBottomNavigation",
@@ -63,7 +63,7 @@ const w = /* @__PURE__ */ d({
     selected: Number
   },
   created() {
-    u(c), this.navId = m();
+    h(c), this.navId = p();
   },
   computed: {
     navClasses() {
@@ -77,11 +77,11 @@ const w = /* @__PURE__ */ d({
       } = this.$props, s = e !== void 0 ? e : this.$props.fill;
       return {
         "k-bottom-nav": !0,
-        [v[a]]: !0,
+        [y[a]]: !0,
         [S[t]]: !0,
         [`k-bottom-nav-${s}`]: s,
         [`k-bottom-nav-${s}-${t}`]: !!(s && t),
-        [y[r]]: !0,
+        [v[r]]: !0,
         "k-bottom-nav-border": i,
         "k-disabled": o
       };
@@ -98,7 +98,7 @@ const w = /* @__PURE__ */ d({
       class: this.navClasses,
       id: t || this.navId
     }, [e && e.map(function(i, o) {
-      const s = f.call(this, i.item || a, h.call(this));
+      const s = m.call(this, i.item || a, f.call(this));
       return n(g, {
         key: o,
         index: o,
@@ -116,7 +116,7 @@ const w = /* @__PURE__ */ d({
   },
   methods: {
     focus() {
-      this.$el && p(this.$el);
+      this.$el && u(this.$el);
     },
     dispatchSelectEvent(t, e) {
       this.items && (this.items[e].disabled || this.$emit("select", {

package/bottomnavigation/BottomNavigationItem.mjs

@@ -7,7 +7,7 @@
  */
 import { defineComponent as h, h as p, createVNode as i } from "vue";
 import { packageMetadata as b } from "../package-metadata.mjs";
-import { validatePackage as u, getTemplate as x, Icon as k } from "@progress/kendo-vue-common";
+import { getTemplate as u, Icon as x, validatePackage as k } from "@progress/kendo-vue-common";
 const y = /* @__PURE__ */ h({
   name: "KendoBottomNavigationItem",
   emits: {
@@ -29,7 +29,7 @@ const y = /* @__PURE__ */ h({
     }
   },
   created() {
-    u(b);
+    k(b);
   },
   computed: {
     itemClasses() {
@@ -57,7 +57,7 @@ const y = /* @__PURE__ */ h({
       icon: o,
       text: a,
       svgIcon: s
-    } = n, r = x.call(this, {
+    } = n, r = u.call(this, {
       h: p,
       template: d,
       defaultRendering: null,
@@ -75,7 +75,7 @@ const y = /* @__PURE__ */ h({
       onKeydown: this.handleKeyDown,
       "aria-current": e,
       "aria-disabled": t
-    }, [this.$props.item ? r : [(s || o) && i(k, {
+    }, [this.$props.item ? r : [(s || o) && i(x, {
       name: o,
       icon: s,
       size: "xlarge",

package/breadcrumb/Breadcrumb.mjs

@@ -5,9 +5,9 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as R, ref as O, h as b, createVNode as l, isVNode as M } from "vue";
+import { defineComponent as R, h as b, createVNode as l, ref as O, isVNode as M } from "vue";
 import { packageMetadata as $ } from "../package-metadata.mjs";
-import { validatePackage as K, kendoThemeMaps as W, getDir as z, canUseDOM as B, templateRendering as g, getListeners as y, getTemplate as f, getTabIndex as j } from "@progress/kendo-vue-common";
+import { templateRendering as g, getListeners as y, getTemplate as f, getTabIndex as K, getDir as W, canUseDOM as z, kendoThemeMaps as B, validatePackage as j } from "@progress/kendo-vue-common";
 import { BreadcrumbOrderedList as S } from "./BreadcrumbOrderedList.mjs";
 import { BreadcrumbListItem as p } from "./BreadcrumbListItem.mjs";
 import { BreadcrumbDelimiter as H } from "./BreadcrumbDelimiter.mjs";
@@ -72,7 +72,7 @@ const _ = /* @__PURE__ */ R({
     onKeydown: Function
   },
   created() {
-    this.observer = null, K($);
+    this.observer = null, j($);
   },
   data() {
     return {
@@ -96,7 +96,7 @@ const _ = /* @__PURE__ */ R({
         "k-disabled": e,
         "k-breadcrumb-md": !i,
         "k-breadcrumb-wrap": a === "wrap",
-        [`k-breadcrumb-${W.sizeMap[i] || i}`]: i
+        [`k-breadcrumb-${B.sizeMap[i] || i}`]: i
       };
     }
   },
@@ -106,12 +106,12 @@ const _ = /* @__PURE__ */ R({
     };
   },
   mounted() {
-    this.currentDir = z(this.$el, this.$props.dir), this.listItems = this.breadcrumbRef.querySelectorAll("li"), this.itemsData = Array.from(this.listItems).map((e, i) => ({
+    this.currentDir = W(this.$el, this.$props.dir), this.listItems = this.breadcrumbRef.querySelectorAll("li"), this.itemsData = Array.from(this.listItems).map((e, i) => ({
       id: i,
       name: e.innerText,
       width: e.offsetWidth,
       visible: !0
-    })), this.resizeObserver = B && window.ResizeObserver && new ResizeObserver(this.calculateMedia), this.breadcrumbRef && this.resizeObserver && (this.resizeObserver.observe(this.breadcrumbRef), this.$nextTick(() => {
+    })), this.resizeObserver = z && window.ResizeObserver && new ResizeObserver(this.calculateMedia), this.breadcrumbRef && this.resizeObserver && (this.resizeObserver.observe(this.breadcrumbRef), this.$nextTick(() => {
       this.calculateMedia();
     }));
   },
@@ -173,7 +173,7 @@ const _ = /* @__PURE__ */ R({
     return l("nav", {
       id: i,
       ref: (s) => this.breadcrumbRef = s,
-      tabindex: j(t, h),
+      tabindex: K(t, h),
       dir: this.currentDir,
       "aria-label": x,
       class: this.itemClasses

package/breadcrumb/BreadcrumbLink.mjs

@@ -5,8 +5,8 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as l, ref as u, createVNode as r } from "vue";
-import { getDir as b, getTabIndex as h, Icon as m } from "@progress/kendo-vue-common";
+import { defineComponent as l, createVNode as r, ref as u } from "vue";
+import { getTabIndex as b, Icon as h, getDir as m } from "@progress/kendo-vue-common";
 const f = /* @__PURE__ */ l({
   name: "KendoBreadcrumbLink",
   props: {
@@ -44,7 +44,7 @@ const f = /* @__PURE__ */ l({
     this.currentDir = void 0;
   },
   mounted() {
-    this.currentDir = b(this.$el, this.$props.dir);
+    this.currentDir = m(this.$el, this.$props.dir);
   },
   setup() {
     return {
@@ -69,13 +69,13 @@ const f = /* @__PURE__ */ l({
       id: t,
       ref: this.linkRef,
       dir: this.currentDir,
-      tabindex: h(c, o),
+      tabindex: b(c, o),
       class: this.itemClasses,
       onClick: (d) => {
         d.preventDefault(), this.handleSelect(d);
       },
       onKeydown: this.handleKeyDown
-    }, [a || "", n && r(m, {
+    }, [a || "", n && r(h, {
       class: "k-svg-icon",
       icon: n
     }, null), s && r("span", {

package/breadcrumb/BreadcrumbOrderedList.mjs

@@ -6,7 +6,7 @@
  *-------------------------------------------------------------------------------------------
  */
 import { defineComponent as i, createVNode as n } from "vue";
-import { getDir as d, getDefaultSlots as s, getTabIndex as a } from "@progress/kendo-vue-common";
+import { getDefaultSlots as d, getTabIndex as s, getDir as a } from "@progress/kendo-vue-common";
 const p = /* @__PURE__ */ i({
   name: "KendoBreadcrumbOrderedList",
   props: {
@@ -42,10 +42,10 @@ const p = /* @__PURE__ */ i({
     this.currentDir = void 0;
   },
   mounted() {
-    this.currentDir = d(this.$el, this.$props.dir);
+    this.currentDir = a(this.$el, this.$props.dir);
   },
   render() {
-    const e = s(this), {
+    const e = d(this), {
       id: t,
       disabled: r,
       tabIndex: o
@@ -53,7 +53,7 @@ const p = /* @__PURE__ */ i({
     return n("ol", {
       id: t,
       dir: this.currentDir,
-      tabindex: a(o, r),
+      tabindex: s(o, r),
       class: this.itemClasses
     }, [e]);
   }

package/card/Avatar.mjs

@@ -8,7 +8,7 @@
 import { defineComponent as d, createVNode as n } from "vue";
 import { avatarType as l } from "./interfaces/Enums.mjs";
 import { packageMetadata as s } from "../package-metadata.mjs";
-import { validatePackage as u, kendoThemeMaps as o, getDefaultSlots as p } from "@progress/kendo-vue-common";
+import { getDefaultSlots as u, kendoThemeMaps as o, validatePackage as p } from "@progress/kendo-vue-common";
 const g = /* @__PURE__ */ d({
   name: "KendoAvatar",
   props: {
@@ -50,7 +50,7 @@ const g = /* @__PURE__ */ d({
     }
   },
   created() {
-    u(s);
+    p(s);
   },
   computed: {
     wrapperClass() {
@@ -78,7 +78,7 @@ const g = /* @__PURE__ */ d({
     }
   },
   render() {
-    const e = p(this);
+    const e = u(this);
     return n("div", {
       class: this.wrapperClass
     }, [n("span", {

package/card/Card.mjs

@@ -6,43 +6,43 @@
  *-------------------------------------------------------------------------------------------
  */
 import { defineComponent as a, createVNode as o } from "vue";
-import { cardType as t, cardOrientation as e } from "./interfaces/Enums.mjs";
+import { cardOrientation as t, cardType as e } from "./interfaces/Enums.mjs";
 import { packageMetadata as i } from "../package-metadata.mjs";
-import { validatePackage as n, getDefaultSlots as p } from "@progress/kendo-vue-common";
+import { getDefaultSlots as n, validatePackage as p } from "@progress/kendo-vue-common";
 const u = /* @__PURE__ */ a({
   name: "KendoCard",
   props: {
     dir: String,
     type: {
       type: String,
-      default: t.DEFAULT,
+      default: e.DEFAULT,
       validator: function(r) {
         return ["default", "primary", "info", "success", "warning", "error"].includes(r);
       }
     },
     orientation: {
       type: String,
-      default: e.VERTICAL,
+      default: t.VERTICAL,
       validator: function(r) {
         return ["horizontal", "vertical"].includes(r);
       }
     }
   },
   created() {
-    n(i);
+    p(i);
   },
   computed: {
     wrapperClass() {
-      const r = this.$props.orientation !== e.HORIZONTAL ? "vertical" : "horizontal";
+      const r = this.$props.orientation !== t.HORIZONTAL ? "vertical" : "horizontal";
       return {
         "k-card": !0,
-        [`k-card-${this.$props.type}`]: this.$props.type !== t.DEFAULT,
+        [`k-card-${this.$props.type}`]: this.$props.type !== e.DEFAULT,
         [`k-card-${r}`]: !0
       };
     }
   },
   render() {
-    const r = p(this);
+    const r = n(this);
     return o("div", {
       dir: this.$props.dir,
       class: this.wrapperClass

package/card/CardActions.mjs

@@ -7,7 +7,7 @@
  */
 import { defineComponent as o, createVNode as e } from "vue";
 import { getDefaultSlots as n } from "@progress/kendo-vue-common";
-import { cardActionsLayout as a, cardOrientation as r } from "./interfaces/Enums.mjs";
+import { cardOrientation as r, cardActionsLayout as a } from "./interfaces/Enums.mjs";
 const d = /* @__PURE__ */ o({
   name: "KendoCardActions",
   props: {