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

package/dist/es/splitter/SplitterBar.js

@@ -1,335 +0,0 @@
-// @ts-ignore
-import * as Vue from 'vue';
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-import { classNames, Draggable, Icon, Keys } from '@progress/kendo-vue-common';
-import { provideLocalizationService } from '@progress/kendo-vue-intl';
-import { splitterPaneLabel, messages } from '../messages/main';
-import { caretAltDownIcon, caretAltLeftIcon, caretAltRightIcon, caretAltUpIcon } from '@progress/kendo-svg-icons';
-/**
- * @hidden
- */
-var SplitterBarVue2 = {
-  name: 'KendoSplitterBar',
-  // @ts-ignore
-  emits: {
-    drag: null,
-    toggle: null,
-    keyboardresize: null
-  },
-  props: {
-    orientation: {
-      type: String,
-      default: 'vertical',
-      validator: function validator(value) {
-        return ['vertical', 'horizontal'].includes(value);
-      }
-    },
-    index: Number,
-    prev: Object,
-    next: Object,
-    isRtl: Boolean
-  },
-  created: function created() {
-    this.draggable = null;
-  },
-  computed: {
-    isStatic: function isStatic() {
-      var _a = this.$props,
-        prev = _a.prev,
-        next = _a.next;
-      var betweenResizablePanes = prev.resizable && next.resizable;
-      var nearCollapsiblePane = prev.collapsible || next.collapsible;
-      return !betweenResizablePanes && !nearCollapsiblePane;
-    },
-    isDraggable: function isDraggable() {
-      var _a = this.$props,
-        prev = _a.prev,
-        next = _a.next;
-      var betweenResizablePanes = prev.resizable && next.resizable;
-      var nearCollapsedPane = prev.collapsed || next.collapsed;
-      return !!betweenResizablePanes && !nearCollapsedPane;
-    },
-    isHorizontal: function isHorizontal() {
-      return this.$props.orientation === 'horizontal';
-    }
-  },
-  inject: {
-    kendoLocalizationService: {
-      default: null
-    }
-  },
-  data: function data() {
-    return {
-      focused: false
-    };
-  },
-  mounted: function mounted() {
-    if (this.$el) {
-      this.draggable = this.$refs.draggable;
-    }
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  // @ts-ignore
-  render: function render(createElement) {
-    var _this2 = this;
-    var _a;
-    var _this = this;
-    var h = gh || createElement;
-    var isDraggable = this.isDraggable;
-    var isStatic = this.isStatic;
-    var isHorizontal = this.isHorizontal;
-    var barClasses = classNames('k-splitbar', (_a = {}, _a['k-focus'] = this.focused, _a['k-splitbar-horizontal'] = isHorizontal, _a['k-splitbar-vertical'] = !isHorizontal, _a['k-splitbar-draggable-horizontal'] = isHorizontal && isDraggable, _a['k-splitbar-draggable-vertical'] = !isHorizontal && isDraggable, _a['k-splitbar-static-horizontal'] = isHorizontal && isStatic, _a['k-splitbar-static-vertical'] = !isHorizontal && isStatic, _a));
-    var previousArrowName = this.previousArrowName(isHorizontal);
-    var previousArrowSVG = this.previousArrowSVG(isHorizontal);
-    var nextArrowName = this.nextArrowName(isHorizontal);
-    var nextArrowSVG = this.nextArrowSVG(isHorizontal);
-    var paneLabel = provideLocalizationService(this).toLanguageString(splitterPaneLabel, messages[splitterPaneLabel]);
-    return (
-      // @ts-ignore  function children
-      h(Draggable, {
-        onPress: function onPress(event) {
-          return _this.onDrag(event, true, false);
-        },
-        on: this.v3 ? undefined : {
-          "press": function onPress(event) {
-            return _this.onDrag(event, true, false);
-          },
-          "drag": function drag(event) {
-            return _this.onDrag(event, false, false);
-          },
-          "release": function release(event) {
-            return _this.onDrag(event, false, true);
-          }
-        },
-        onDrag: function drag(event) {
-          return _this.onDrag(event, false, false);
-        },
-        onRelease: function release(event) {
-          return _this.onDrag(event, false, true);
-        },
-        ref: 'draggable'
-      }, this.v3 ? function () {
-        return [h("div", {
-          tabindex: isStatic ? -1 : 0,
-          attrs: _this2.v3 ? undefined : {
-            tabindex: isStatic ? -1 : 0,
-            role: 'separator',
-            ariaLabel: paneLabel,
-            ariaOrientation: _this2.isHorizontal ? 'vertical' : 'horizontal'
-          },
-          role: 'separator',
-          "class": barClasses,
-          style: {
-            touchAction: 'none'
-          },
-          onFocusin: _this2.onFocus,
-          on: _this2.v3 ? undefined : {
-            "focusin": _this2.onFocus,
-            "focusout": _this2.onBlur,
-            "dblclick": _this2.onToggle,
-            "keydown": _this2.onKeyDown
-          },
-          onFocusout: _this2.onBlur,
-          onDblclick: _this2.onToggle,
-          onKeydown: _this2.onKeyDown,
-          ariaLabel: paneLabel,
-          ariaOrientation: _this2.isHorizontal ? 'vertical' : 'horizontal'
-        }, [_this2.prev.collapsible && h("span", {
-          "class": 'k-collapse-prev',
-          onClick: _this2.onPrevToggle,
-          on: _this2.v3 ? undefined : {
-            "click": _this2.onPrevToggle
-          }
-        }, [h(Icon, {
-          name: previousArrowName,
-          attrs: _this2.v3 ? undefined : {
-            name: previousArrowName,
-            icon: previousArrowSVG,
-            size: 'xsmall'
-          },
-          icon: previousArrowSVG,
-          size: 'xsmall'
-        })]), h("div", {
-          "class": 'k-resize-handle'
-        }), _this2.next.collapsible && h("span", {
-          "class": 'k-collapse-next',
-          onClick: _this2.onNextToggle,
-          on: _this2.v3 ? undefined : {
-            "click": _this2.onNextToggle
-          }
-        }, [h(Icon, {
-          name: nextArrowName,
-          attrs: _this2.v3 ? undefined : {
-            name: nextArrowName,
-            icon: nextArrowSVG,
-            size: 'xsmall'
-          },
-          icon: nextArrowSVG,
-          size: 'xsmall'
-        })])])];
-      } : [h("div", {
-        tabindex: isStatic ? -1 : 0,
-        attrs: _this2.v3 ? undefined : {
-          tabindex: isStatic ? -1 : 0,
-          role: 'separator',
-          ariaLabel: paneLabel,
-          ariaOrientation: _this2.isHorizontal ? 'vertical' : 'horizontal'
-        },
-        role: 'separator',
-        "class": barClasses,
-        style: {
-          touchAction: 'none'
-        },
-        onFocusin: _this2.onFocus,
-        on: _this2.v3 ? undefined : {
-          "focusin": _this2.onFocus,
-          "focusout": _this2.onBlur,
-          "dblclick": _this2.onToggle,
-          "keydown": _this2.onKeyDown
-        },
-        onFocusout: _this2.onBlur,
-        onDblclick: _this2.onToggle,
-        onKeydown: _this2.onKeyDown,
-        ariaLabel: paneLabel,
-        ariaOrientation: _this2.isHorizontal ? 'vertical' : 'horizontal'
-      }, [_this2.prev.collapsible && h("span", {
-        "class": 'k-collapse-prev',
-        onClick: _this2.onPrevToggle,
-        on: _this2.v3 ? undefined : {
-          "click": _this2.onPrevToggle
-        }
-      }, [h(Icon, {
-        name: previousArrowName,
-        attrs: _this2.v3 ? undefined : {
-          name: previousArrowName,
-          icon: previousArrowSVG,
-          size: 'xsmall'
-        },
-        icon: previousArrowSVG,
-        size: 'xsmall'
-      })]), h("div", {
-        "class": 'k-resize-handle'
-      }), _this2.next.collapsible && h("span", {
-        "class": 'k-collapse-next',
-        onClick: _this2.onNextToggle,
-        on: _this2.v3 ? undefined : {
-          "click": _this2.onNextToggle
-        }
-      }, [h(Icon, {
-        name: nextArrowName,
-        attrs: _this2.v3 ? undefined : {
-          name: nextArrowName,
-          icon: nextArrowSVG,
-          size: 'xsmall'
-        },
-        icon: nextArrowSVG,
-        size: 'xsmall'
-      })])])])
-    );
-  },
-  methods: {
-    onDrag: function onDrag(data, isFirst, isLast) {
-      var event = data;
-      var index = this.$props.index;
-      var element = this.draggable && this.draggable.element;
-      if (!isLast && event) {
-        event.originalEvent.preventDefault();
-      }
-      if (element && !this.isStatic && this.isDraggable) {
-        this.$emit('drag', event, element, index, isFirst, isLast);
-      }
-    },
-    onFocus: function onFocus() {
-      this.focused = true;
-    },
-    onBlur: function onBlur() {
-      this.focused = false;
-    },
-    onToggle: function onToggle(event) {
-      var _a = this.$props,
-        index = _a.index,
-        prev = _a.prev,
-        next = _a.next;
-      if (prev.collapsible || next.collapsible) {
-        this.$emit('toggle', prev.collapsible ? index : index + 1, event);
-      }
-    },
-    onPrevToggle: function onPrevToggle(event) {
-      var _a = this.$props,
-        index = _a.index,
-        prev = _a.prev;
-      if (prev.collapsible) {
-        this.$emit('toggle', index, event);
-      }
-    },
-    onNextToggle: function onNextToggle(event) {
-      var _a = this.$props,
-        index = _a.index,
-        next = _a.next;
-      if (next.collapsible) {
-        this.$emit('toggle', index + 1, event);
-      }
-    },
-    onKeyDown: function onKeyDown(event) {
-      var _this = this;
-      var keyCode = event && event.keyCode;
-      var isHorizontal = this.isHorizontal;
-      var index = this.$props.index;
-      var element = this.draggable && this.draggable.element;
-      var onKeyboardResize = function onKeyboardResize(el, idx, offset) {
-        event.preventDefault();
-        _this.$emit('keyboardresize', el, idx, offset, event);
-      };
-      if (!element) {
-        return;
-      }
-      if (keyCode === Keys.enter) {
-        event.preventDefault();
-        this.onToggle(event);
-      } else if (this.isDraggable) {
-        if (isHorizontal && keyCode === Keys.left) {
-          onKeyboardResize(element, index, -10);
-        } else if (isHorizontal && keyCode === Keys.right) {
-          onKeyboardResize(element, index, 10);
-        } else if (!isHorizontal && keyCode === Keys.up) {
-          onKeyboardResize(element, index, -10);
-        } else if (!isHorizontal && keyCode === Keys.down) {
-          onKeyboardResize(element, index, 10);
-        }
-      }
-    },
-    previousArrowName: function previousArrowName(isHorizontal) {
-      var prev = this.$props.prev;
-      var isCollapsed = prev.collapsed;
-      return isHorizontal && !isCollapsed ? this.isRtl ? 'caret-alt-right' : 'caret-alt-left' : isHorizontal && isCollapsed ? this.isRtl ? 'caret-alt-left' : 'caret-alt-right' : !isHorizontal && !isCollapsed ? 'caret-alt-up' : !isHorizontal && isCollapsed ? 'caret-alt-down' : '';
-    },
-    previousArrowSVG: function previousArrowSVG(isHorizontal) {
-      var prev = this.$props.prev;
-      var isCollapsed = prev.collapsed;
-      return isHorizontal && !isCollapsed ? this.isRtl ? caretAltRightIcon : caretAltLeftIcon : isHorizontal && isCollapsed ? this.isRtl ? caretAltLeftIcon : caretAltRightIcon : !isHorizontal && !isCollapsed ? caretAltUpIcon : !isHorizontal && isCollapsed ? caretAltDownIcon : undefined;
-    },
-    nextArrowName: function nextArrowName(isHorizontal) {
-      var next = this.$props.next;
-      var isCollapsed = next.collapsed;
-      return isHorizontal && !isCollapsed ? this.isRtl ? 'caret-alt-left' : 'caret-alt-right' : isHorizontal && isCollapsed ? this.isRtl ? 'caret-alt-right' : 'caret-alt-left' : !isHorizontal && !isCollapsed ? 'caret-alt-down' : !isHorizontal && isCollapsed ? 'caret-alt-up' : '';
-    },
-    nextArrowSVG: function nextArrowSVG(isHorizontal) {
-      var next = this.$props.next;
-      var isCollapsed = next.collapsed;
-      return isHorizontal && !isCollapsed ? this.isRtl ? caretAltLeftIcon : caretAltRightIcon : isHorizontal && isCollapsed ? this.isRtl ? caretAltRightIcon : caretAltLeftIcon : !isHorizontal && !isCollapsed ? caretAltDownIcon : !isHorizontal && isCollapsed ? caretAltUpIcon : undefined;
-    }
-  }
-};
-/**
- * @hidden
- */
-var SplitterBar = SplitterBarVue2;
-export { SplitterBar, SplitterBarVue2 };

package/dist/es/splitter/SplitterPane.d.ts

@@ -1,93 +0,0 @@
-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;
-};
-/**
- * Represents the pane options of the Splitter.
- */
-export interface SplitterPaneProps {
-    /**
-     * Sets the size of the pane ([see example]({% slug panes_splitter %}#toc-dimensions)). Has to be between the `min` and `max` properties.
-     */
-    size?: string;
-    /**
-     * Sets the minimum possible size of the pane ([see example]({% slug panes_splitter %}#toc-dimensions)).
-     */
-    min?: string;
-    /**
-     * Sets the maximum possible size of the pane ([see example]({% slug panes_splitter %}#toc-dimensions)).
-     */
-    max?: string;
-    /**
-     * Specifies if the user is allowed to resize the pane and provide space for other panes ([see example]({% slug panes_splitter %}#toc-resizing)). If `resizable` is not specified, the resizing of the pane will be enabled.
-     */
-    resizable?: boolean;
-    /**
-     * Specifies if the user is allowed to hide the pane and provide space for other panes ([see example]({% slug panes_splitter %}#toc-collapsing)).
-     */
-    collapsible?: boolean;
-    /**
-     * Specifies the pane collapsed state ([see example]({% slug panes_splitter %}#toc-collapsing)).
-     */
-    collapsed?: boolean;
-    /**
-     * Specifies if overflowing content is scrollable or hidden ([see example]({% slug panes_splitter %}#toc-scrolling)). If `scrollable` is not specified, the content will be scrollable.
-     */
-    scrollable?: boolean;
-    /**
-     * Specifies if the content of the pane contains Splitter.
-     */
-    containsSplitter: boolean;
-    /**
-     * Specifies if the children of the pane should be mounted when it's in collapsed state.
-     */
-    keepMounted?: boolean;
-    /**
-     * The slot template for the content of the splitter
-     */
-    content?: any;
-}
-/**
- * @hidden
- */
-export interface SplitterPaneExtendedProps extends SplitterPaneProps {
-    orientation: 'vertical' | 'horizontal' | string;
-    overlay: boolean;
-}
-/**
- * @hidden
- */
-export interface SplitterPaneState {
-}
-/**
- * @hidden
- */
-export interface SplitterPaneComputed {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface SplitterPaneMethods {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface SplitterPaneData {
-}
-/**
- * @hidden
- */
-export interface SplitterPaneAll extends Vue2type, SplitterPaneMethods, SplitterPaneData, SplitterPaneComputed, SplitterPaneState {
-}
-/**
- * @hidden
- */
-declare let SplitterPaneVue2: ComponentOptions<SplitterPaneAll, DefaultData<SplitterPaneData>, DefaultMethods<SplitterPaneAll>, SplitterPaneComputed, RecordPropsDefinition<SplitterPaneExtendedProps>>;
-/**
- * @hidden
- */
-declare const SplitterPane: DefineComponent<SplitterPaneProps, any, SplitterPaneData, SplitterPaneComputed, SplitterPaneMethods, {}, {}, {}, string, SplitterPaneProps, SplitterPaneProps, {}>;
-export { SplitterPane, SplitterPaneVue2 };

package/dist/es/splitter/SplitterPane.js

@@ -1,80 +0,0 @@
-// @ts-ignore
-import * as Vue from 'vue';
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-import { classNames, getTemplate } from '@progress/kendo-vue-common';
-/**
- * @hidden
- */
-var SplitterPaneVue2 = {
-  name: 'KendoSplitterPane',
-  props: {
-    orientation: {
-      type: String,
-      default: function _default() {
-        return undefined;
-      },
-      validator: function validator(value) {
-        return ['vertical', 'horizontal'].includes(value);
-      }
-    },
-    overlay: Boolean,
-    containsSplitter: Boolean,
-    size: String,
-    min: String,
-    max: String,
-    resizable: Boolean,
-    collapsible: Boolean,
-    collapsed: Boolean,
-    scrollable: Boolean,
-    keepMounted: Boolean,
-    content: [Object, Function, String]
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  // @ts-ignore
-  render: function render(createElement) {
-    var _a;
-    var h = gh || createElement;
-    var _b = this.$props,
-      size = _b.size,
-      collapsed = _b.collapsed,
-      overlay = _b.overlay,
-      containsSplitter = _b.containsSplitter,
-      collapsible = _b.collapsible,
-      resizable = _b.resizable,
-      scrollable = _b.scrollable,
-      keepMounted = _b.keepMounted;
-    var fixedSize = size && size.length > 0;
-    var style = {
-      flexBasis: size
-    };
-    var paneClasses = classNames('k-pane', (_a = {}, _a['k-hidden'] = collapsed, _a['hidden'] = collapsed, _a['k-pane-flex'] = containsSplitter, _a['k-pane-static'] = !resizable && !collapsible || fixedSize, _a['k-scrollable'] = scrollable, _a));
-    var content = getTemplate.call(this, {
-      h: h,
-      template: this.$props.content,
-      defaultRendering: null
-    });
-    return h("div", {
-      style: style,
-      "class": paneClasses,
-      role: 'group',
-      attrs: this.v3 ? undefined : {
-        role: 'group'
-      }
-    }, [!collapsed || keepMounted ? content : undefined, overlay ? h("div", {
-      "class": 'k-splitter-overlay k-overlay'
-    }) : undefined]);
-  }
-};
-/**
- * @hidden
- */
-var SplitterPane = SplitterPaneVue2;
-export { SplitterPane, SplitterPaneVue2 };

package/dist/es/stacklayout/StackLayout.d.ts

@@ -1,44 +0,0 @@
-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 { StackLayoutProps } from './StackLayoutProps';
-/**
- * @hidden
- */
-export interface StackLayoutData {
-}
-/**
- * @hidden
- */
-export interface StackLayoutState {
-    v3: boolean;
-}
-/**
- * @hidden
- */
-export interface StackLayoutMethods {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface StackLayoutComputed {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface StackLayoutAll extends Vue2type, StackLayoutMethods, StackLayoutState, StackLayoutData, StackLayoutComputed {
-}
-/**
- * @hidden
- */
-declare let StackLayoutVue2: ComponentOptions<StackLayoutAll, DefaultData<StackLayoutData>, DefaultMethods<StackLayoutAll>, StackLayoutComputed, RecordPropsDefinition<StackLayoutProps>>;
-/**
- * Represents the [Kendo UI for Vue StackLayout component]({% slug overview_stacklayout %}).
- * Arranges its inner elements horizontally, or vertically in a stack. Nesting stack layouts is supported to build more complex layouts.
- */
-declare const StackLayout: DefineComponent<StackLayoutProps, any, StackLayoutData, StackLayoutComputed, StackLayoutMethods, {}, {}, {}, string, StackLayoutProps, StackLayoutProps, {}>;
-export { StackLayout, StackLayoutVue2 };

package/dist/es/stacklayout/StackLayout.js

@@ -1,92 +0,0 @@
-// @ts-ignore
-import * as Vue from 'vue';
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-import { packageMetadata } from '../package-metadata';
-import { getDefaultSlots, guid, validatePackage } from '@progress/kendo-vue-common';
-/**
- * @hidden
- */
-var StackLayoutVue2 = {
-  name: 'KendoStackLayout',
-  props: {
-    id: String,
-    orientation: {
-      type: String,
-      default: 'horizontal',
-      validator: function validator(value) {
-        return ['horizontal', 'vertical'].includes(value);
-      }
-    },
-    gap: {
-      type: [String, Number]
-    },
-    align: {
-      type: Object,
-      validator: function validator(value) {
-        return ['top', 'middle', 'bottom', 'stretch', undefined].includes(value.vertical) && ['start', 'center', 'end', 'stretch', undefined].includes(value.horizontal);
-      }
-    }
-  },
-  created: function created() {
-    validatePackage(packageMetadata);
-    this.layoutId = guid();
-  },
-  computed: {
-    hAlign: function hAlign() {
-      return this.$props.align && this.$props.align.horizontal ? this.$props.align.horizontal : 'stretch';
-    },
-    vAlign: function vAlign() {
-      return this.$props.align && this.$props.align.vertical ? this.$props.align.vertical : 'stretch';
-    },
-    stackLayoutClasses: function stackLayoutClasses() {
-      var orientation = this.$props.orientation;
-      var isHorizontal = orientation === 'horizontal';
-      return {
-        'k-stack-layout': true,
-        'k-hstack': orientation === 'horizontal',
-        'k-vstack': orientation === 'vertical',
-        'k-justify-content-start': isHorizontal && this.hAlign === 'start' || !isHorizontal && this.vAlign === 'top',
-        'k-justify-content-center': isHorizontal && this.hAlign === 'center' || !isHorizontal && this.vAlign === 'middle',
-        'k-justify-content-end': isHorizontal && this.hAlign === 'end' || !isHorizontal && this.vAlign === 'bottom',
-        'k-justify-content-stretch': isHorizontal && this.hAlign === 'stretch' || !isHorizontal && this.vAlign === 'stretch',
-        'k-align-items-start': !isHorizontal && this.hAlign === 'start' || isHorizontal && this.vAlign === 'top',
-        'k-align-items-center': !isHorizontal && this.hAlign === 'center' || isHorizontal && this.vAlign === 'middle',
-        'k-align-items-end': !isHorizontal && this.hAlign === 'end' || isHorizontal && this.vAlign === 'bottom',
-        'k-align-items-stretch': !isHorizontal && this.hAlign === 'stretch' || isHorizontal && this.vAlign === 'stretch'
-      };
-    },
-    stackLayoutStyles: function stackLayoutStyles() {
-      return {
-        gap: "".concat(typeof this.$props.gap === 'number' ? this.$props.gap + 'px' : this.$props.gap)
-      };
-    }
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  render: function render(createElement) {
-    var h = gh || createElement;
-    var defaultSlot = getDefaultSlots(this);
-    var id = this.$props.id;
-    return h("div", {
-      "class": this.stackLayoutClasses,
-      style: this.stackLayoutStyles,
-      id: id || this.layoutId,
-      attrs: this.v3 ? undefined : {
-        id: id || this.layoutId
-      }
-    }, [defaultSlot]);
-  }
-};
-/**
- * Represents the [Kendo UI for Vue StackLayout component]({% slug overview_stacklayout %}).
- * Arranges its inner elements horizontally, or vertically in a stack. Nesting stack layouts is supported to build more complex layouts.
- */
-var StackLayout = StackLayoutVue2;
-export { StackLayout, StackLayoutVue2 };