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

package/expansionpanel/ExpansionPanelContent.mjs

@@ -0,0 +1,27 @@
+/**
+ * @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 n, createVNode as e } from "vue";
+import { packageMetadata as a } from "../package-metadata.mjs";
+import { validatePackage as o, getDefaultSlots as r } from "@progress/kendo-vue-common";
+const c = /* @__PURE__ */ n({
+  name: "KendoExpansionPanelContent",
+  created() {
+    o(a);
+  },
+  render() {
+    const t = r(this);
+    return e("div", {
+      class: "k-expander-content-wrapper"
+    }, [e("div", {
+      class: "k-expander-content"
+    }, [t])]);
+  }
+});
+export {
+  c as ExpansionPanelContent
+};

package/gridlayout/GridLayout.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"),a=require("../package-metadata.js"),i=require("@progress/kendo-vue-common"),o=require("./GridLayoutItem.js"),l=s.defineComponent({name:"KendoGridLayout",props:{id:String,gap:{type:Object},align:{type:Object,validator:function(t){return["top","middle","bottom","stretch",void 0].includes(t.vertical)&&["start","center","end","stretch",void 0].includes(t.horizontal)}},rows:Array,cols:Array,items:Array},created(){i.validatePackage(a.packageMetadata),this.layoutId=i.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"},gridLayoutClasses(){return{"k-grid-layout":!0,"k-justify-items-start":this.hAlign==="start","k-justify-items-center":this.hAlign==="center","k-justify-items-end":this.hAlign==="end","k-justify-items-stretch":this.hAlign==="stretch","k-align-items-start":this.vAlign==="top","k-align-items-center":this.vAlign==="middle","k-align-items-end":this.vAlign==="bottom","k-align-items-stretch":this.vAlign==="stretch"}},gapStyle(){return this.gap?`${typeof this.gap.rows=="number"?this.gap.rows+"px":this.gap.rows} ${typeof this.gap.cols=="number"?this.gap.cols+"px":this.gap.cols}`:void 0},gridTemplateRowsStyle(){return this.$props.rows&&this.$props.rows.map(t=>`${typeof t.height=="number"?t.height+"px":t.height}`).join(" ")},gridTemplateColumnsStyle(){return this.$props.cols&&this.$props.cols.map(t=>`${typeof t.width=="number"?t.width+"px":t.width}`).join(" ")},gridLayoutStyles(){return{gap:this.gapStyle,gridTemplateColumns:this.gridTemplateColumnsStyle,gridTemplateRows:this.gridTemplateRowsStyle}}},render(){const{id:t,items:r}=this.$props;return s.createVNode("div",{class:this.gridLayoutClasses,style:this.gridLayoutStyles,id:t||this.layoutId},[r.map(function(e){const n=i.templateRendering.call(this,e.content,i.getListeners.call(this));return s.createVNode(o.GridLayoutItem,{content:n,class:e.class,style:e.style,id:e.id,col:e.col,colSpan:e.colSpan,row:e.row,rowSpan:e.rowSpan},null)},this)])}});exports.GridLayout=l;

package/gridlayout/GridLayout.mjs

@@ -0,0 +1,95 @@
+/**
+ * @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 n, createVNode as e } from "vue";
+import { packageMetadata as o } from "../package-metadata.mjs";
+import { validatePackage as a, guid as l, templateRendering as p, getListeners as h } from "@progress/kendo-vue-common";
+import { GridLayoutItem as d } from "./GridLayoutItem.mjs";
+const y = /* @__PURE__ */ n({
+  name: "KendoGridLayout",
+  props: {
+    id: String,
+    gap: {
+      type: Object
+    },
+    align: {
+      type: Object,
+      validator: function(t) {
+        return ["top", "middle", "bottom", "stretch", void 0].includes(t.vertical) && ["start", "center", "end", "stretch", void 0].includes(t.horizontal);
+      }
+    },
+    rows: Array,
+    cols: Array,
+    items: Array
+  },
+  created() {
+    a(o), this.layoutId = l();
+  },
+  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";
+    },
+    gridLayoutClasses() {
+      return {
+        "k-grid-layout": !0,
+        "k-justify-items-start": this.hAlign === "start",
+        "k-justify-items-center": this.hAlign === "center",
+        "k-justify-items-end": this.hAlign === "end",
+        "k-justify-items-stretch": this.hAlign === "stretch",
+        "k-align-items-start": this.vAlign === "top",
+        "k-align-items-center": this.vAlign === "middle",
+        "k-align-items-end": this.vAlign === "bottom",
+        "k-align-items-stretch": this.vAlign === "stretch"
+      };
+    },
+    gapStyle() {
+      return this.gap ? `${typeof this.gap.rows == "number" ? this.gap.rows + "px" : this.gap.rows} ${typeof this.gap.cols == "number" ? this.gap.cols + "px" : this.gap.cols}` : void 0;
+    },
+    gridTemplateRowsStyle() {
+      return this.$props.rows && this.$props.rows.map((t) => `${typeof t.height == "number" ? t.height + "px" : t.height}`).join(" ");
+    },
+    gridTemplateColumnsStyle() {
+      return this.$props.cols && this.$props.cols.map((t) => `${typeof t.width == "number" ? t.width + "px" : t.width}`).join(" ");
+    },
+    gridLayoutStyles() {
+      return {
+        gap: this.gapStyle,
+        gridTemplateColumns: this.gridTemplateColumnsStyle,
+        gridTemplateRows: this.gridTemplateRowsStyle
+      };
+    }
+  },
+  render() {
+    const {
+      id: t,
+      items: s
+    } = this.$props;
+    return e("div", {
+      class: this.gridLayoutClasses,
+      style: this.gridLayoutStyles,
+      id: t || this.layoutId
+    }, [s.map(function(i) {
+      const r = p.call(this, i.content, h.call(this));
+      return e(d, {
+        content: r,
+        class: i.class,
+        style: i.style,
+        id: i.id,
+        col: i.col,
+        colSpan: i.colSpan,
+        row: i.row,
+        rowSpan: i.rowSpan
+      }, null);
+    }, this)]);
+  }
+});
+export {
+  y as GridLayout
+};

package/gridlayout/GridLayoutItem.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 r=require("vue"),i=require("../package-metadata.js"),a=require("@progress/kendo-vue-common"),d=r.defineComponent({name:"KendoGridLayoutItem",props:{content:[String,Function,Object],id:String,col:Number,colSpan:Number,row:Number,rowSpan:Number},created(){a.validatePackage(i.packageMetadata),this.itemId=a.guid()},computed:{gridLayoutItemStyles(){const{row:t,col:o,rowSpan:e,colSpan:n}=this.$props;return{gridArea:`${t||"auto"} / ${o||"auto"} / ${e?"span "+e:"auto"} / ${n?"span "+n:"auto"}`}}},render(){const{id:t,content:o}=this.$props,e=a.getTemplate.call(this,{h:r.h,template:o});return r.createVNode("div",{style:this.gridLayoutItemStyles,id:t||this.itemId},[e])}});exports.GridLayoutItem=d;

package/gridlayout/GridLayoutItem.mjs

@@ -0,0 +1,53 @@
+/**
+ * @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 a, h as n, createVNode as i } from "vue";
+import { packageMetadata as d } from "../package-metadata.mjs";
+import { validatePackage as m, guid as p, getTemplate as c } from "@progress/kendo-vue-common";
+const g = /* @__PURE__ */ a({
+  name: "KendoGridLayoutItem",
+  props: {
+    content: [String, Function, Object],
+    id: String,
+    col: Number,
+    colSpan: Number,
+    row: Number,
+    rowSpan: Number
+  },
+  created() {
+    m(d), this.itemId = p();
+  },
+  computed: {
+    gridLayoutItemStyles() {
+      const {
+        row: e,
+        col: o,
+        rowSpan: t,
+        colSpan: r
+      } = this.$props;
+      return {
+        gridArea: `${e || "auto"} / ${o || "auto"} / ${t ? "span " + t : "auto"} / ${r ? "span " + r : "auto"}`
+      };
+    }
+  },
+  render() {
+    const {
+      id: e,
+      content: o
+    } = this.$props, t = c.call(this, {
+      h: n,
+      template: o
+    });
+    return i("div", {
+      style: this.gridLayoutItemStyles,
+      id: e || this.itemId
+    }, [t]);
+  }
+});
+export {
+  g as GridLayoutItem
+};