@progress/kendo-vue-layout 5.3.0-dev.202410141143 → 5.3.0-develop.2

package/splitter/Splitter.mjs

@@ -0,0 +1,240 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as b, createVNode as D } from "vue";
+import { SplitterPane as E } from "./SplitterPane.mjs";
+import { SplitterBar as T } from "./SplitterBar.mjs";
+import { isRtl as $, validatePackage as y, classNames as R, templateRendering as k, getListeners as w } from "@progress/kendo-vue-common";
+import { packageMetadata as B } from "../package-metadata.mjs";
+const C = {
+  collapsible: !1,
+  collapsed: !1,
+  resizable: !0,
+  scrollable: !0
+}, N = 150, Y = /* @__PURE__ */ b({
+  name: "KendoSplitter",
+  props: {
+    orientation: {
+      type: String,
+      default: "horizontal",
+      validator: function(e) {
+        return ["vertical", "horizontal"].includes(e);
+      }
+    },
+    panes: Array,
+    defaultPanes: Array
+  },
+  mounted() {
+    this.currentRtl = $(this.$el);
+  },
+  emits: {
+    change: null
+  },
+  computed: {
+    isControlledState() {
+      return this.$props.panes !== void 0;
+    },
+    computedPanes() {
+      return this.isControlledState ? this.$props.panes : this.currentPanes;
+    }
+  },
+  created() {
+    y(B);
+  },
+  data() {
+    return {
+      currentRtl: !1,
+      isDragging: !1,
+      dragIndex: void 0,
+      startTime: 0,
+      originalX: 0,
+      originalY: 0,
+      originalPrevSize: 0,
+      originalNextSize: 0,
+      currentPanes: this.$props.defaultPanes || []
+    };
+  },
+  render() {
+    const e = this.panesOptions(), n = R("k-widget", "k-splitter", "k-splitter-flex", `k-splitter-${this.orientation}`);
+    return this.validatePanes(e), D("div", {
+      class: n
+    }, [function(s) {
+      return s.map(function(t, r) {
+        const a = k.call(this, t.content, w.call(this));
+        let o;
+        const h = r * 2, l = h + 1;
+        if (r + 1 < s.length) {
+          const m = s[r + 1];
+          o = D(T, {
+            key: l,
+            index: r,
+            orientation: this.orientation,
+            prev: t,
+            next: m,
+            onDrag: this.onBarDragResize,
+            onToggle: this.onBarToggle,
+            onKeyboardresize: this.onBarKeyboardResize,
+            isRtl: this.currentRtl
+          }, null);
+        }
+        return [D(E, {
+          key: h,
+          containsSplitter: t.containsSplitter,
+          size: t.size,
+          min: t.min,
+          max: t.max,
+          resizable: t.resizable,
+          collapsible: t.collapsible,
+          collapsed: t.collapsed,
+          scrollable: t.scrollable,
+          keepMounted: t.keepMounted,
+          content: a
+        }, null), o];
+      }, this);
+    }.call(this, e)]);
+  },
+  methods: {
+    validatePanes(e) {
+      if (!e.filter((i) => i.size === void 0).length)
+        throw new Error("The Splitter should have at least one pane without a set size.");
+    },
+    mapPaneOptions(e) {
+      const n = this.orientation, i = [];
+      for (let s = 0; s < e.length; s++) {
+        let t = !1;
+        this.isDragging && this.dragIndex !== void 0 && (t = this.dragIndex === s || this.dragIndex + 1 === s), i.push({
+          ...C,
+          orientation: n,
+          overlay: t,
+          ...e[s]
+        });
+      }
+      return i;
+    },
+    onBarToggle(e, n) {
+      const s = this.panesOptions().map((t, r) => {
+        const a = t;
+        return r === e ? {
+          ...a,
+          collapsed: !t.collapsed
+        } : {
+          ...a
+        };
+      });
+      this.$emit("change", {
+        newState: s,
+        isLast: !0,
+        nativeEvent: n
+      });
+    },
+    onBarDragResize(e, n, i, s, t) {
+      const r = (/* @__PURE__ */ new Date()).getTime(), {
+        pageX: a,
+        pageY: o
+      } = e, {
+        prevElement: h,
+        nextElement: l
+      } = this.surroudingPanes(n);
+      if (!h || !l)
+        return;
+      if (s) {
+        this.isDragging = !0, this.dragIndex = i, this.startTime = r, this.originalX = a, this.originalY = o, this.originalPrevSize = this.elementSize(h), this.originalNextSize = this.elementSize(l);
+        return;
+      }
+      const {
+        originalPrevSize: p,
+        originalNextSize: m,
+        startTime: c,
+        originalX: d,
+        originalY: z
+      } = this.$data;
+      if (!s && r - c < N) {
+        t && this.resetDragState();
+        return;
+      }
+      let u;
+      this.orientation === "vertical" ? u = o - z : this.currentRtl ? u = d - a : u = a - d, this.resize(i, i + 1, p, m, u, t, e), t && this.resetDragState();
+    },
+    onBarKeyboardResize(e, n, i, s) {
+      const {
+        prevElement: t,
+        nextElement: r
+      } = this.surroudingPanes(e), a = this.elementSize(t), o = this.elementSize(r);
+      this.resize(n, n + 1, a, o, i, !0, s);
+    },
+    surroudingPanes(e) {
+      return {
+        prevElement: e.previousElementSibling,
+        nextElement: e.nextElementSibling
+      };
+    },
+    containerSize() {
+      return this.$el ? this.elementSize(this.$el, !0) : 0;
+    },
+    isPercent(e) {
+      return /%$/.test(e);
+    },
+    toPixels(e, n) {
+      let i = parseInt(e, 10);
+      return this.isPercent(e) && (i = n * i / 100), i;
+    },
+    panesOptions() {
+      return this.mapPaneOptions(this.computedPanes);
+    },
+    resetDragState() {
+      this.isDragging = !1, this.dragIndex = void 0, this.startTime = 0, this.originalX = 0, this.originalY = 0, this.originalPrevSize = 0, this.originalNextSize = 0;
+    },
+    elementSize(e, n) {
+      const i = n ? "client" : "offset";
+      return this.orientation === "vertical" ? e[`${i}Height`] : e[`${i}Width`];
+    },
+    clamp(e, n, i) {
+      return Math.min(n, Math.max(e, i));
+    },
+    fixedSize(e) {
+      return e && e.length > 0;
+    },
+    resize(e, n, i, s, t, r, a) {
+      const o = this.panesOptions(), h = o[e], l = o[n], p = i + s, m = this.containerSize(), c = (g) => this.toPixels(g, m), d = {
+        index: e,
+        initialSize: i,
+        min: c(h.min) || p - c(l.max) || 0,
+        max: c(h.max) || p - c(l.min) || p
+      }, z = {
+        index: n,
+        initialSize: s,
+        min: c(l.min) || p - c(h.max) || 0,
+        max: c(l.max) || p - c(h.min) || p
+      }, u = (g, S) => {
+        const f = o[g.index], O = this.clamp(g.min, g.max, g.initialSize + S);
+        return this.isPercent(f.size || "") ? 100 * O / m + "%" : O + "px";
+      };
+      let P, x;
+      this.fixedSize(h.size) && this.fixedSize(l.size) ? (P = u(d, t), x = u(z, -t)) : l.collapsible || this.fixedSize(l.size) ? x = u(z, -t) : P = u(d, t);
+      const v = o.map((g, S) => {
+        const f = g;
+        return S === e ? {
+          ...f,
+          size: P
+        } : S === n ? {
+          ...f,
+          size: x
+        } : {
+          ...f
+        };
+      });
+      this.panesDuringOnChange = v, this.isControlledState || (this.currentPanes = v), this.$emit("change", {
+        newState: v,
+        isLast: r,
+        nativeEvent: a
+      }), this.panesDuringOnChange = void 0;
+    }
+  }
+});
+export {
+  Y as Splitter
+};

package/splitter/SplitterBar.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),i=require("@progress/kendo-vue-common"),u=require("@progress/kendo-vue-intl"),d=require("../messages/main.js"),o=require("@progress/kendo-svg-icons"),b=n.defineComponent({name:"KendoSplitterBar",emits:{drag:null,toggle:null,keyboardresize:null},props:{orientation:{type:String,default:"vertical",validator:function(t){return["vertical","horizontal"].includes(t)}},index:Number,prev:Object,next:Object,isRtl:Boolean},created(){this.draggable=null},computed:{isStatic(){const{prev:t,next:s}=this.$props,e=t.resizable&&s.resizable,l=t.collapsible||s.collapsible;return!e&&!l},isDraggable(){const{prev:t,next:s}=this.$props,e=t.resizable&&s.resizable,l=t.collapsed||s.collapsed;return!!e&&!l},isHorizontal(){return this.$props.orientation==="horizontal"}},inject:{kendoLocalizationService:{default:null}},data(){return{focused:!1}},mounted(){this.$el&&(this.draggable=this.$refs.draggable)},render(){const t=this.isDraggable,s=this.isStatic,e=this.isHorizontal,l=i.classNames("k-splitbar",{"k-focus":this.focused,"k-splitbar-horizontal":e,"k-splitbar-vertical":!e,"k-splitbar-draggable-horizontal":e&&t,"k-splitbar-draggable-vertical":!e&&t,"k-splitbar-static-horizontal":e&&s,"k-splitbar-static-vertical":!e&&s}),r=this.previousArrowName(e),a=this.previousArrowSVG(e),p=this.nextArrowName(e),g=this.nextArrowSVG(e),h=u.provideLocalizationService(this).toLanguageString(d.splitterPaneLabel,d.messages[d.splitterPaneLabel]);return n.createVNode(i.Draggable,{onPress:c=>this.onDrag(c,!0,!1),onDrag:c=>this.onDrag(c,!1,!1),onRelease:c=>this.onDrag(c,!1,!0),ref:"draggable"},{default:()=>[n.createVNode("div",{tabindex:s?-1:0,role:"separator",class:l,style:{touchAction:"none"},onFocusin:this.onFocus,onFocusout:this.onBlur,onDblclick:this.onToggle,onKeydown:this.onKeyDown,"aria-label":h,"aria-orientation":this.isHorizontal?"vertical":"horizontal"},[this.prev.collapsible&&n.createVNode("span",{class:"k-collapse-prev",onClick:this.onPrevToggle},[n.createVNode(i.Icon,{name:r,icon:a,size:"xsmall"},null)]),n.createVNode("div",{class:"k-resize-handle"},null),this.next.collapsible&&n.createVNode("span",{class:"k-collapse-next",onClick:this.onNextToggle},[n.createVNode(i.Icon,{name:p,icon:g,size:"xsmall"},null)])])]})},methods:{onDrag(t,s,e){const l=t,{index:r}=this.$props,a=this.draggable&&this.draggable.element;!e&&l&&l.originalEvent.preventDefault(),a&&!this.isStatic&&this.isDraggable&&this.$emit("drag",l,a,r,s,e)},onFocus(){this.focused=!0},onBlur(){this.focused=!1},onToggle(t){const{index:s,prev:e,next:l}=this.$props;(e.collapsible||l.collapsible)&&this.$emit("toggle",e.collapsible?s:s+1,t)},onPrevToggle(t){const{index:s,prev:e}=this.$props;e.collapsible&&this.$emit("toggle",s,t)},onNextToggle(t){const{index:s,next:e}=this.$props;e.collapsible&&this.$emit("toggle",s+1,t)},onKeyDown(t){const s=t&&t.keyCode,e=this.isHorizontal,{index:l}=this.$props,r=this.draggable&&this.draggable.element,a=(p,g,h)=>{t.preventDefault(),this.$emit("keyboardresize",p,g,h,t)};r&&(s===i.Keys.enter?(t.preventDefault(),this.onToggle(t)):this.isDraggable&&(e&&s===i.Keys.left?a(r,l,-10):e&&s===i.Keys.right?a(r,l,10):!e&&s===i.Keys.up?a(r,l,-10):!e&&s===i.Keys.down&&a(r,l,10)))},previousArrowName(t){const{prev:s}=this.$props,e=s.collapsed;return t&&!e?this.isRtl?"caret-alt-right":"caret-alt-left":t&&e?this.isRtl?"caret-alt-left":"caret-alt-right":!t&&!e?"caret-alt-up":!t&&e?"caret-alt-down":""},previousArrowSVG(t){const{prev:s}=this.$props,e=s.collapsed;return t&&!e?this.isRtl?o.caretAltRightIcon:o.caretAltLeftIcon:t&&e?this.isRtl?o.caretAltLeftIcon:o.caretAltRightIcon:!t&&!e?o.caretAltUpIcon:!t&&e?o.caretAltDownIcon:void 0},nextArrowName(t){const{next:s}=this.$props,e=s.collapsed;return t&&!e?this.isRtl?"caret-alt-left":"caret-alt-right":t&&e?this.isRtl?"caret-alt-right":"caret-alt-left":!t&&!e?"caret-alt-down":!t&&e?"caret-alt-up":""},nextArrowSVG(t){const{next:s}=this.$props,e=s.collapsed;return t&&!e?this.isRtl?o.caretAltLeftIcon:o.caretAltRightIcon:t&&e?this.isRtl?o.caretAltRightIcon:o.caretAltLeftIcon:!t&&!e?o.caretAltDownIcon:!t&&e?o.caretAltUpIcon:void 0}}});exports.SplitterBar=b;

package/splitter/SplitterBar.mjs

@@ -0,0 +1,187 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as v, createVNode as r } from "vue";
+import { classNames as x, Draggable as w, Icon as u, Keys as n } from "@progress/kendo-vue-common";
+import { provideLocalizationService as k } from "@progress/kendo-vue-intl";
+import { splitterPaneLabel as b, messages as $ } from "../messages/main.mjs";
+import { caretAltRightIcon as c, caretAltLeftIcon as p, caretAltUpIcon as f, caretAltDownIcon as m } from "@progress/kendo-svg-icons";
+const C = /* @__PURE__ */ v({
+  name: "KendoSplitterBar",
+  emits: {
+    drag: null,
+    toggle: null,
+    keyboardresize: null
+  },
+  props: {
+    orientation: {
+      type: String,
+      default: "vertical",
+      validator: function(t) {
+        return ["vertical", "horizontal"].includes(t);
+      }
+    },
+    index: Number,
+    prev: Object,
+    next: Object,
+    isRtl: Boolean
+  },
+  created() {
+    this.draggable = null;
+  },
+  computed: {
+    isStatic() {
+      const {
+        prev: t,
+        next: s
+      } = this.$props, e = t.resizable && s.resizable, l = t.collapsible || s.collapsible;
+      return !e && !l;
+    },
+    isDraggable() {
+      const {
+        prev: t,
+        next: s
+      } = this.$props, e = t.resizable && s.resizable, l = t.collapsed || s.collapsed;
+      return !!e && !l;
+    },
+    isHorizontal() {
+      return this.$props.orientation === "horizontal";
+    }
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  data() {
+    return {
+      focused: !1
+    };
+  },
+  mounted() {
+    this.$el && (this.draggable = this.$refs.draggable);
+  },
+  render() {
+    const t = this.isDraggable, s = this.isStatic, e = this.isHorizontal, l = x("k-splitbar", {
+      "k-focus": this.focused,
+      "k-splitbar-horizontal": e,
+      "k-splitbar-vertical": !e,
+      "k-splitbar-draggable-horizontal": e && t,
+      "k-splitbar-draggable-vertical": !e && t,
+      "k-splitbar-static-horizontal": e && s,
+      "k-splitbar-static-vertical": !e && s
+    }), i = this.previousArrowName(e), o = this.previousArrowSVG(e), h = this.nextArrowName(e), g = this.nextArrowSVG(e), d = k(this).toLanguageString(b, $[b]);
+    return r(w, {
+      onPress: (a) => this.onDrag(a, !0, !1),
+      onDrag: (a) => this.onDrag(a, !1, !1),
+      onRelease: (a) => this.onDrag(a, !1, !0),
+      ref: "draggable"
+    }, {
+      default: () => [r("div", {
+        tabindex: s ? -1 : 0,
+        role: "separator",
+        class: l,
+        style: {
+          touchAction: "none"
+        },
+        onFocusin: this.onFocus,
+        onFocusout: this.onBlur,
+        onDblclick: this.onToggle,
+        onKeydown: this.onKeyDown,
+        "aria-label": d,
+        "aria-orientation": this.isHorizontal ? "vertical" : "horizontal"
+      }, [this.prev.collapsible && r("span", {
+        class: "k-collapse-prev",
+        onClick: this.onPrevToggle
+      }, [r(u, {
+        name: i,
+        icon: o,
+        size: "xsmall"
+      }, null)]), r("div", {
+        class: "k-resize-handle"
+      }, null), this.next.collapsible && r("span", {
+        class: "k-collapse-next",
+        onClick: this.onNextToggle
+      }, [r(u, {
+        name: h,
+        icon: g,
+        size: "xsmall"
+      }, null)])])]
+    });
+  },
+  methods: {
+    onDrag(t, s, e) {
+      const l = t, {
+        index: i
+      } = this.$props, o = this.draggable && this.draggable.element;
+      !e && l && l.originalEvent.preventDefault(), o && !this.isStatic && this.isDraggable && this.$emit("drag", l, o, i, s, e);
+    },
+    onFocus() {
+      this.focused = !0;
+    },
+    onBlur() {
+      this.focused = !1;
+    },
+    onToggle(t) {
+      const {
+        index: s,
+        prev: e,
+        next: l
+      } = this.$props;
+      (e.collapsible || l.collapsible) && this.$emit("toggle", e.collapsible ? s : s + 1, t);
+    },
+    onPrevToggle(t) {
+      const {
+        index: s,
+        prev: e
+      } = this.$props;
+      e.collapsible && this.$emit("toggle", s, t);
+    },
+    onNextToggle(t) {
+      const {
+        index: s,
+        next: e
+      } = this.$props;
+      e.collapsible && this.$emit("toggle", s + 1, t);
+    },
+    onKeyDown(t) {
+      const s = t && t.keyCode, e = this.isHorizontal, {
+        index: l
+      } = this.$props, i = this.draggable && this.draggable.element, o = (h, g, d) => {
+        t.preventDefault(), this.$emit("keyboardresize", h, g, d, t);
+      };
+      i && (s === n.enter ? (t.preventDefault(), this.onToggle(t)) : this.isDraggable && (e && s === n.left ? o(i, l, -10) : e && s === n.right ? o(i, l, 10) : !e && s === n.up ? o(i, l, -10) : !e && s === n.down && o(i, l, 10)));
+    },
+    previousArrowName(t) {
+      const {
+        prev: s
+      } = this.$props, e = s.collapsed;
+      return t && !e ? this.isRtl ? "caret-alt-right" : "caret-alt-left" : t && e ? this.isRtl ? "caret-alt-left" : "caret-alt-right" : !t && !e ? "caret-alt-up" : !t && e ? "caret-alt-down" : "";
+    },
+    previousArrowSVG(t) {
+      const {
+        prev: s
+      } = this.$props, e = s.collapsed;
+      return t && !e ? this.isRtl ? c : p : t && e ? this.isRtl ? p : c : !t && !e ? f : !t && e ? m : void 0;
+    },
+    nextArrowName(t) {
+      const {
+        next: s
+      } = this.$props, e = s.collapsed;
+      return t && !e ? this.isRtl ? "caret-alt-left" : "caret-alt-right" : t && e ? this.isRtl ? "caret-alt-right" : "caret-alt-left" : !t && !e ? "caret-alt-down" : !t && e ? "caret-alt-up" : "";
+    },
+    nextArrowSVG(t) {
+      const {
+        next: s
+      } = this.$props, e = s.collapsed;
+      return t && !e ? this.isRtl ? p : c : t && e ? this.isRtl ? c : p : !t && !e ? m : !t && e ? f : void 0;
+    }
+  }
+});
+export {
+  C as SplitterBar
+};

package/splitter/SplitterPane.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),l=require("@progress/kendo-vue-common"),f=n.defineComponent({name:"KendoSplitterPane",props:{orientation:{type:String,default:function(){},validator:function(e){return["vertical","horizontal"].includes(e)}},overlay:Boolean,containsSplitter:Boolean,size:String,min:String,max:String,resizable:Boolean,collapsible:Boolean,collapsed:Boolean,scrollable:Boolean,keepMounted:Boolean,content:[Object,Function,String]},render(){const{size:e,collapsed:t,overlay:o,containsSplitter:a,collapsible:i,resizable:r,scrollable:s,keepMounted:c}=this.$props,d=e&&e.length>0,p={flexBasis:e},u=l.classNames("k-pane",{"k-hidden":t,hidden:t,"k-pane-flex":a,"k-pane-static":!r&&!i||d,"k-scrollable":s}),S=l.getTemplate.call(this,{h:n.h,template:this.$props.content,defaultRendering:null});return n.createVNode("div",{style:p,class:u,role:"group"},[!t||c?S:void 0,o?n.createVNode("div",{class:"k-splitter-overlay k-overlay"},null):void 0])}});exports.SplitterPane=f;

package/splitter/SplitterPane.mjs

@@ -0,0 +1,67 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as f, h as m, createVNode as t } from "vue";
+import { classNames as S, getTemplate as g } from "@progress/kendo-vue-common";
+const b = /* @__PURE__ */ f({
+  name: "KendoSplitterPane",
+  props: {
+    orientation: {
+      type: String,
+      default: function() {
+      },
+      validator: function(e) {
+        return ["vertical", "horizontal"].includes(e);
+      }
+    },
+    overlay: Boolean,
+    containsSplitter: Boolean,
+    size: String,
+    min: String,
+    max: String,
+    resizable: Boolean,
+    collapsible: Boolean,
+    collapsed: Boolean,
+    scrollable: Boolean,
+    keepMounted: Boolean,
+    content: [Object, Function, String]
+  },
+  render() {
+    const {
+      size: e,
+      collapsed: n,
+      overlay: l,
+      containsSplitter: o,
+      collapsible: a,
+      resizable: i,
+      scrollable: r,
+      keepMounted: s
+    } = this.$props, c = e && e.length > 0, p = {
+      flexBasis: e
+    }, d = S("k-pane", {
+      "k-hidden": n,
+      hidden: n,
+      "k-pane-flex": o,
+      "k-pane-static": !i && !a || c,
+      "k-scrollable": r
+    }), u = g.call(this, {
+      h: m,
+      template: this.$props.content,
+      defaultRendering: null
+    });
+    return t("div", {
+      style: p,
+      class: d,
+      role: "group"
+    }, [!n || s ? u : void 0, l ? t("div", {
+      class: "k-splitter-overlay k-overlay"
+    }, null) : void 0]);
+  }
+});
+export {
+  b as SplitterPane
+};

package/stacklayout/StackLayout.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),n=require("../package-metadata.js"),e=require("@progress/kendo-vue-common"),a=s.defineComponent({name:"KendoStackLayout",props:{id:String,orientation:{type:String,default:"horizontal",validator:function(i){return["horizontal","vertical"].includes(i)}},gap:{type:[String,Number]},align:{type:Object,validator:function(i){return["top","middle","bottom","stretch",void 0].includes(i.vertical)&&["start","center","end","stretch",void 0].includes(i.horizontal)}}},created(){e.validatePackage(n.packageMetadata),this.layoutId=e.guid()},computed:{hAlign(){return this.$props.align&&this.$props.align.horizontal?this.$props.align.horizontal:"stretch"},vAlign(){return this.$props.align&&this.$props.align.vertical?this.$props.align.vertical:"stretch"},stackLayoutClasses(){const{orientation:i}=this.$props,t=i==="horizontal";return{"k-stack-layout":!0,"k-hstack":i==="horizontal","k-vstack":i==="vertical","k-justify-content-start":t&&this.hAlign==="start"||!t&&this.vAlign==="top","k-justify-content-center":t&&this.hAlign==="center"||!t&&this.vAlign==="middle","k-justify-content-end":t&&this.hAlign==="end"||!t&&this.vAlign==="bottom","k-justify-content-stretch":t&&this.hAlign==="stretch"||!t&&this.vAlign==="stretch","k-align-items-start":!t&&this.hAlign==="start"||t&&this.vAlign==="top","k-align-items-center":!t&&this.hAlign==="center"||t&&this.vAlign==="middle","k-align-items-end":!t&&this.hAlign==="end"||t&&this.vAlign==="bottom","k-align-items-stretch":!t&&this.hAlign==="stretch"||t&&this.vAlign==="stretch"}},stackLayoutStyles(){return{gap:`${typeof this.$props.gap=="number"?this.$props.gap+"px":this.$props.gap}`}}},render(){const i=e.getDefaultSlots(this),{id:t}=this.$props;return s.createVNode("div",{class:this.stackLayoutClasses,style:this.stackLayoutStyles,id:t||this.layoutId},[i])}});exports.StackLayout=a;

package/stacklayout/StackLayout.mjs

@@ -0,0 +1,79 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as s, createVNode as n } from "vue";
+import { packageMetadata as e } from "../package-metadata.mjs";
+import { validatePackage as r, guid as o, getDefaultSlots as a } from "@progress/kendo-vue-common";
+const p = /* @__PURE__ */ s({
+  name: "KendoStackLayout",
+  props: {
+    id: String,
+    orientation: {
+      type: String,
+      default: "horizontal",
+      validator: function(i) {
+        return ["horizontal", "vertical"].includes(i);
+      }
+    },
+    gap: {
+      type: [String, Number]
+    },
+    align: {
+      type: Object,
+      validator: function(i) {
+        return ["top", "middle", "bottom", "stretch", void 0].includes(i.vertical) && ["start", "center", "end", "stretch", void 0].includes(i.horizontal);
+      }
+    }
+  },
+  created() {
+    r(e), this.layoutId = o();
+  },
+  computed: {
+    hAlign() {
+      return this.$props.align && this.$props.align.horizontal ? this.$props.align.horizontal : "stretch";
+    },
+    vAlign() {
+      return this.$props.align && this.$props.align.vertical ? this.$props.align.vertical : "stretch";
+    },
+    stackLayoutClasses() {
+      const {
+        orientation: i
+      } = this.$props, t = i === "horizontal";
+      return {
+        "k-stack-layout": !0,
+        "k-hstack": i === "horizontal",
+        "k-vstack": i === "vertical",
+        "k-justify-content-start": t && this.hAlign === "start" || !t && this.vAlign === "top",
+        "k-justify-content-center": t && this.hAlign === "center" || !t && this.vAlign === "middle",
+        "k-justify-content-end": t && this.hAlign === "end" || !t && this.vAlign === "bottom",
+        "k-justify-content-stretch": t && this.hAlign === "stretch" || !t && this.vAlign === "stretch",
+        "k-align-items-start": !t && this.hAlign === "start" || t && this.vAlign === "top",
+        "k-align-items-center": !t && this.hAlign === "center" || t && this.vAlign === "middle",
+        "k-align-items-end": !t && this.hAlign === "end" || t && this.vAlign === "bottom",
+        "k-align-items-stretch": !t && this.hAlign === "stretch" || t && this.vAlign === "stretch"
+      };
+    },
+    stackLayoutStyles() {
+      return {
+        gap: `${typeof this.$props.gap == "number" ? this.$props.gap + "px" : this.$props.gap}`
+      };
+    }
+  },
+  render() {
+    const i = a(this), {
+      id: t
+    } = this.$props;
+    return n("div", {
+      class: this.stackLayoutClasses,
+      style: this.stackLayoutStyles,
+      id: t || this.layoutId
+    }, [i]);
+  }
+});
+export {
+  p as StackLayout
+};

package/stepper/Step.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),c=require("@progress/kendo-vue-common"),D=require("@progress/kendo-vue-intl"),v=require("@progress/kendo-svg-icons"),I=require("./contants.js"),g=require("./messages/main.js"),M=n.defineComponent({name:"KendoStep",props:{current:Boolean,disabled:Boolean,icon:String,svgIcon:Object,index:Number,isValid:{type:Boolean,default:void 0},focused:Boolean,label:String,optional:Boolean,tabIndex:{type:Number,default:0},text:String,animationDuration:[Boolean,Number],isVertical:Boolean,item:[String,Object,Boolean,Function],linear:Boolean,mode:String,numOfSteps:Number,value:Number,successIcon:String,successSvgIcon:Object,errorIcon:String,errorSvgIcon:Object,onChange:Function,onFocus:Function},inject:{kendoLocalizationService:{default:null}},computed:{itemClassNames(){const{current:e,disabled:o,focused:d,index:l,isValid:t,optional:s}=this.$props;return{"k-step":!0,"k-step-first":l===0,"k-step-last":this.numOfSteps&&l===this.numOfSteps-1,"k-step-done":l<this.value,"k-step-current":e,"k-step-optional":s,"k-disabled":o,"k-focus":d,"k-step-error":t!==void 0&&!t,"k-step-success":t}},itemStyles(){const{index:e}=this.$props,o=!this.linear||e===this.value-1||e===this.value||e===this.value+1;return{maxWidth:this.isVertical?void 0:`calc(100% / ${this.numOfSteps})`,pointerEvents:o?void 0:"none"}}},watch:{focused(e){this.aElement=this.$refs.aElement,this.aElement&&e&&this.aElement.focus()}},setup(){return{kendoLocalizationService:n.inject("kendoLocalizationService",{})}},render(){const e=c.getDefaultSlots(this),{current:o,disabled:d,focused:l,icon:t,svgIcon:s,index:r,isValid:i,label:a,optional:N,tabIndex:h,text:f,animationDuration:u,item:x,linear:V,mode:k,value:p,successIcon:O,successSvgIcon:B,errorIcon:C,errorSvgIcon:F}=this.$props,y=!V||r===p-1||r===p||r===p+1,S=k==="labels"||(!!t||!!s)&&!!a,L=D.provideLocalizationService(this),$=(b=>L.toLanguageString(b,g.messages[b]))(g.optionalText),z=typeof u=="number"?u:u!==!1?I.DEFAULT_ANIMATION_DURATION:I.NO_ANIMATION,j=i?O||"check-circle":C||"exclamation-circle",A=i?B||v.checkOutlineIcon:F||v.exclamationCircleIcon,m=n.createVNode(c.Icon,{class:"k-step-indicator-icon",name:c.getIconName(j),icon:A,"aria-hidden":"true"},null),E=function(){return k!=="labels"?n.createVNode("span",{class:"k-step-indicator","aria-hidden":!0,style:{transitionDuration:z+"ms"}},[t||s?!S&&i!==void 0?m:n.createVNode(c.Icon,{class:"k-step-indicator-icon",name:t,icon:s},null):i!==void 0?m:n.createVNode("span",{class:"k-step-indicator-text"},[f||r+1])]):null},q=function(){return n.createVNode("span",{class:"k-step-label"},[a&&n.createVNode("span",{class:"k-step-text"},[a]),S&&i!==void 0&&m,N&&n.createVNode("span",{class:"k-step-label-optional"},[$])])};return n.createVNode("li",{class:this.itemClassNames,style:this.itemStyles},[n.createVNode("a",{ref:"aElement",class:"k-step-link",title:a||void 0,onClick:this.handleClick,onFocusin:this.handleFocus,"tab-index":h||(o?0:-1),"aria-current":o?!0:void 0,"aria-disabled":d||!y||void 0,"aria-invalid":i!==void 0&&!i||void 0},[x?e:[E.call(this),q.call(this)]])])},methods:{focus(){this.$el&&c.focusFirstFocusableChild(this.$el)},handleClick(e){this.disabled||this.$emit("change",{event:e,value:this.index,component:this})},handleFocus(e){this.disabled||this.$emit("focus",e)}}});exports.Step=M;