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

package/stepper/Stepper.mjs

@@ -6,7 +6,7 @@
  *-------------------------------------------------------------------------------------------
  */
 import { defineComponent as g, createVNode as d, h as I } from "vue";
-import { validatePackage as b, isRtl as S, getDefaultSlots as V, templateRendering as x, getListeners as v, getTemplate as y, focusFirstFocusableChild as C, Keys as a } from "@progress/kendo-vue-common";
+import { Keys as a, focusFirstFocusableChild as b, getDefaultSlots as S, templateRendering as V, getListeners as x, getTemplate as v, isRtl as y, validatePackage as C } from "@progress/kendo-vue-common";
 import { Step as D } from "./Step.mjs";
 import { ProgressBar as F } from "@progress/kendo-vue-progressbars";
 import { DEFAULT_ANIMATION_DURATION as k, NO_ANIMATION as $ } from "./contants.mjs";
@@ -65,10 +65,10 @@ const _ = /* @__PURE__ */ g({
     errorIcon: String
   },
   created() {
-    b(w), this.focusedIdx = this.computedValue !== void 0 ? this.computedValue : 0;
+    C(w), this.focusedIdx = this.computedValue !== void 0 ? this.computedValue : 0;
   },
   mounted() {
-    this.currentDir = this.$props.dir !== void 0 ? this.$props.dir : S(this.$el) ? "rtl" : "ltr";
+    this.currentDir = this.$props.dir !== void 0 ? this.$props.dir : y(this.$el) ? "rtl" : "ltr";
   },
   data() {
     return {
@@ -134,13 +134,13 @@ const _ = /* @__PURE__ */ g({
     }
   },
   render() {
-    const e = V(this), {
+    const e = S(this), {
       animationDuration: t,
       disabled: s,
       items: r,
       orientation: l
     } = this.$props, o = this.computedValue, h = typeof t == "number" ? t : t !== !1 ? k : $, p = O(this).toLanguageString(u, N[u]), c = r && r.map(function(i, n) {
-      const f = this.$props.item ? x.call(this, this.$props.item, v.call(this)) : void 0, m = d(D, {
+      const f = this.$props.item ? V.call(this, this.$props.item, x.call(this)) : void 0, m = d(D, {
         key: n,
         index: n,
         disabled: s || i.disabled,
@@ -169,7 +169,7 @@ const _ = /* @__PURE__ */ g({
         successSvgIcon: i.successSvgIcon,
         errorSvgIcon: i.errorSvgIcon
       }, null);
-      return y.call(this, {
+      return v.call(this, {
         h: I,
         template: f,
         defaultRendering: m,
@@ -215,7 +215,7 @@ const _ = /* @__PURE__ */ g({
   },
   methods: {
     focus() {
-      this.$el && C(this.$el);
+      this.$el && b(this.$el);
     },
     dispatchChangeEvent(e, t) {
       const s = t === this.computedValue - 1, r = t === this.computedValue, l = t === this.computedValue + 1, o = !this.linear || s || r || l;

package/tabstrip/TabStrip.mjs

@@ -8,7 +8,7 @@
 import { defineComponent as g, createVNode as n, h as T } from "vue";
 import { TabStripNavigation as o } from "./TabStripNavigation.mjs";
 import { TabStripContent as k } from "./TabStripContent.mjs";
-import { templateRendering as l, getListeners as h, Keys as i, validatePackage as v, shouldShowValidationUI as y, classNames as S, kendoThemeMaps as w, WatermarkOverlay as x, getDefaultSlots as N } from "@progress/kendo-vue-common";
+import { classNames as v, kendoThemeMaps as y, WatermarkOverlay as S, Keys as i, validatePackage as w, shouldShowValidationUI as x, templateRendering as l, getListeners as h, getDefaultSlots as N } from "@progress/kendo-vue-common";
 import { packageMetadata as d } from "../package-metadata.mjs";
 const R = /* @__PURE__ */ g({
   name: "KendoTabStrip",
@@ -74,7 +74,7 @@ const R = /* @__PURE__ */ g({
       [i.up]: () => this.prevNavigatableTab(),
       [i.home]: () => 0,
       [i.end]: () => this.compTabs.length - 1
-    }, v(d), this.showLicenseWatermark = y(d);
+    }, w(d), this.showLicenseWatermark = x(d);
   },
   watch: {
     selected(t, e) {
@@ -177,13 +177,13 @@ const R = /* @__PURE__ */ g({
       tabPosition: t,
       size: e,
       tabIndex: a = 0
-    } = this.$props, s = t === "bottom", c = S("k-widget", "k-pos-relative", "k-tabstrip", {
-      [`k-tabstrip-${w.sizeMap[e] || e}`]: e,
+    } = this.$props, s = t === "bottom", c = v("k-widget", "k-pos-relative", "k-tabstrip", {
+      [`k-tabstrip-${y.sizeMap[e] || e}`]: e,
       "k-tabstrip-left": t === "left",
       "k-tabstrip-right": t === "right",
       "k-tabstrip-bottom": t === "bottom",
       "k-tabstrip-top": t === "top"
-    }), b = this.showLicenseWatermark ? n(x, null, null) : null, p = function(m) {
+    }), b = this.showLicenseWatermark ? n(S, null, null) : null, p = function(m) {
       const {
         selected: r
       } = m, u = N(this), f = {

package/tabstrip/TabStripContent.mjs

@@ -7,7 +7,7 @@
  */
 import { defineComponent as g, createVNode as o, h as C, isVNode as S } from "vue";
 import { Fade as T } from "@progress/kendo-vue-animation";
-import { guid as k, getDefaultSlots as v, classNames as $, getTemplate as N } from "@progress/kendo-vue-common";
+import { getDefaultSlots as k, classNames as v, guid as $, getTemplate as N } from "@progress/kendo-vue-common";
 import { getTabs as A } from "./utils.mjs";
 function j(t) {
   return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !S(t);
@@ -22,7 +22,7 @@ const P = /* @__PURE__ */ g({
     hasTabs: Boolean
   },
   created() {
-    this.contentId = k();
+    this.contentId = $();
   },
   data() {
     return {
@@ -46,7 +46,7 @@ const P = /* @__PURE__ */ g({
       selected: n,
       showAll: i,
       hasTabs: r
-    } = this.$props, c = t && typeof n == "number" && t[n], h = v(this), p = r ? t : A.call(this, [], h || []), d = n < p.length && n > -1, m = $({
+    } = this.$props, c = t && typeof n == "number" && t[n], h = k(this), p = r ? t : A.call(this, [], h || []), d = n < p.length && n > -1, m = v({
       "k-tabstrip-content": d
     }, {
       "k-active": d

package/tabstrip/TabStripTab.mjs

@@ -6,7 +6,7 @@
  *-------------------------------------------------------------------------------------------
  */
 import { defineComponent as e, createVNode as i } from "vue";
-import { guid as d, templateRendering as n, getListeners as a, getDefaultSlots as l } from "@progress/kendo-vue-common";
+import { templateRendering as d, getListeners as n, getDefaultSlots as a, guid as l } from "@progress/kendo-vue-common";
 const o = /* @__PURE__ */ e({
   name: "KendoTabStripTab",
   props: {
@@ -28,7 +28,7 @@ const o = /* @__PURE__ */ e({
     }
   },
   created() {
-    this.tabId = d(), this.addTab({
+    this.tabId = l(), this.addTab({
       title: this.$props.title,
       tabId: this.tabId,
       id: this.id,
@@ -40,8 +40,8 @@ const o = /* @__PURE__ */ e({
     this.removeTab(this.tabId);
   },
   render() {
-    const t = this.$props.titleRender ? n.call(this, this.$props.titleRender, a.call(this)) : null;
-    return t && this.addRenderTitle(this.tabId, t), i("div", null, [l(this)]);
+    const t = this.$props.titleRender ? d.call(this, this.$props.titleRender, n.call(this)) : null;
+    return t && this.addRenderTitle(this.tabId, t), i("div", null, [a(this)]);
   }
 });
 export {

package/tilelayout/Tile.mjs

@@ -6,7 +6,7 @@
  *-------------------------------------------------------------------------------------------
  */
 import { defineComponent as g, createVNode as h, isVNode as f } from "vue";
-import { getRef as m, getDefaultSlots as y, canUseDOM as b, setRef as x, classNames as $, Draggable as S } from "@progress/kendo-vue-common";
+import { getDefaultSlots as m, canUseDOM as y, classNames as b, setRef as x, Draggable as $, getRef as S } from "@progress/kendo-vue-common";
 import { ResizeHandlers as c } from "./ResizeHandlers.mjs";
 function w(t) {
   return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !f(t);
@@ -88,7 +88,7 @@ const u = ["k-card-title", "k-card-body", "k-tilelayout-item-body", "k-tilelayou
   },
   updated() {
     const t = this.dragElement();
-    if (this.hintElement = m(this, "hintElement"), !t)
+    if (this.hintElement = S(this, "hintElement"), !t)
       return;
     const e = t.getBoundingClientRect(), i = this.oldSize;
     if (this.resizing) {
@@ -119,8 +119,8 @@ const u = ["k-card-title", "k-card-body", "k-tilelayout-item-body", "k-tilelayou
     }
   },
   render() {
-    const t = y(this);
-    clearTimeout && typeof clearTimeout == "function" && (clearTimeout(this.preventDataOps), b && (this.preventDataOps = window.setTimeout(() => {
+    const t = m(this);
+    clearTimeout && typeof clearTimeout == "function" && (clearTimeout(this.preventDataOps), y && (this.preventDataOps = window.setTimeout(() => {
       this.preventDataOps = void 0;
     }, 200)));
     const e = this.$props.defaultPosition, i = this.$props.resizable, r = {
@@ -170,8 +170,8 @@ const u = ["k-card-title", "k-card-body", "k-tilelayout-item-body", "k-tilelayou
         position: "absolute",
         ...r
       },
-      class: $("k-layout-item-hint k-layout-item-hint-reorder", this.$props.hintClass)
-    }, null), h(S, {
+      class: b("k-layout-item-hint k-layout-item-hint-reorder", this.$props.hintClass)
+    }, null), h($, {
       ref: "draggable",
       onDrag: this.handleDrag,
       onRelease: this.handleRelease,

package/tilelayout/TileLayout.mjs

@@ -6,7 +6,7 @@
  *-------------------------------------------------------------------------------------------
  */
 import { defineComponent as P, createVNode as p, h as g } from "vue";
-import { validatePackage as T, shouldShowValidationUI as x, WatermarkOverlay as v, guid as L, templateRendering as f, getListeners as y, getTemplate as w, getter as W } from "@progress/kendo-vue-common";
+import { WatermarkOverlay as T, guid as x, templateRendering as f, getListeners as y, getTemplate as w, getter as v, validatePackage as L, shouldShowValidationUI as W } from "@progress/kendo-vue-common";
 import { packageMetadata as b } from "../package-metadata.mjs";
 import { Tile as C } from "./Tile.mjs";
 const I = {
@@ -37,7 +37,7 @@ const I = {
     ignoreDrag: Function
   },
   created() {
-    T(b), this.showLicenseWatermark = x(b);
+    L(b), this.showLicenseWatermark = W(b);
   },
   data() {
     return {
@@ -84,7 +84,7 @@ const I = {
       gridAutoRows: `minmax(0px, ${typeof i == "number" ? i + "px" : i})`,
       gap: m,
       padding: m
-    }, a = this.showLicenseWatermark ? p(v, null, null) : null;
+    }, a = this.showLicenseWatermark ? p(T, null, null) : null;
     return p("div", {
       dir: this.$props.dir,
       class: this.wrapperClass,
@@ -92,7 +92,7 @@ const I = {
       id: this.$props.id,
       role: "list"
     }, [c.map(function(t, r) {
-      const l = t && t.id || L(), d = f.call(this, t.item, y.call(this)), h = w.call(this, {
+      const l = t && t.id || x(), d = f.call(this, t.item, y.call(this)), h = w.call(this, {
         h: g,
         template: d,
         defaultRendering: null,
@@ -121,7 +121,7 @@ const I = {
         }
       });
       return p(C, {
-        key: this.$props.dataItemKey ? W(this.$props.dataItemKey)(t) : r,
+        key: this.$props.dataItemKey ? v(this.$props.dataItemKey)(t) : r,
         onUpdate: this.updateHandle,
         defaultPosition: this.compPositions[r],
         index: r,