@vuetify/nightly 3.6.0-alpha.2-dev.2024-04-27 → 3.6.0-alpha.2-dev.2024-04-29

package/dist/vuetify-labs.d.ts

@@ -38210,7 +38210,13 @@ declare const VLayout: {
         fullHeight: boolean;
     } & {
         class?: any;
+        width?: string | number | undefined;
+        height?: string | number | undefined;
         overlaps?: string[] | undefined;
+        maxHeight?: string | number | undefined;
+        maxWidth?: string | number | undefined;
+        minHeight?: string | number | undefined;
+        minWidth?: string | number | undefined;
     } & {
         $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -38244,7 +38250,13 @@ declare const VLayout: {
         fullHeight: boolean;
     } & {
         class?: any;
+        width?: string | number | undefined;
+        height?: string | number | undefined;
         overlaps?: string[] | undefined;
+        maxHeight?: string | number | undefined;
+        maxWidth?: string | number | undefined;
+        minHeight?: string | number | undefined;
+        minWidth?: string | number | undefined;
     } & {
         $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -38273,7 +38285,13 @@ declare const VLayout: {
         fullHeight: boolean;
     } & {
         class?: any;
+        width?: string | number | undefined;
+        height?: string | number | undefined;
         overlaps?: string[] | undefined;
+        maxHeight?: string | number | undefined;
+        maxWidth?: string | number | undefined;
+        minHeight?: string | number | undefined;
+        minWidth?: string | number | undefined;
     } & {
         $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -38314,7 +38332,13 @@ declare const VLayout: {
     fullHeight: boolean;
 } & {
     class?: any;
+    width?: string | number | undefined;
+    height?: string | number | undefined;
     overlaps?: string[] | undefined;
+    maxHeight?: string | number | undefined;
+    maxWidth?: string | number | undefined;
+    minHeight?: string | number | undefined;
+    minWidth?: string | number | undefined;
 } & {
     $children?: vue.VNodeChild | {
         default?: (() => vue.VNodeChild) | undefined;
@@ -38353,6 +38377,12 @@ declare const VLayout: {
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     overlaps: vue.Prop<string[]>;
     fullHeight: BooleanConstructor;
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
     class: vue.PropType<any>;
     style: {
         type: vue.PropType<vue.StyleValue>;
@@ -38361,6 +38391,12 @@ declare const VLayout: {
 }, vue.ExtractPropTypes<{
     overlaps: vue.Prop<string[]>;
     fullHeight: BooleanConstructor;
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
     class: vue.PropType<any>;
     style: {
         type: vue.PropType<vue.StyleValue>;

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.6.0-alpha.2-dev.2024-04-27
+* Vuetify v3.6.0-alpha.2-dev.2024-04-29
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -1779,10 +1779,12 @@ function createLayout(props) {
         const isHorizontal = position.value === 'left' || position.value === 'right';
         const isOppositeHorizontal = position.value === 'right';
         const isOppositeVertical = position.value === 'bottom';
+        const size = elementSize.value ?? layoutSize.value;
+        const unit = size === 0 ? '%' : 'px';
         const styles = {
           [position.value]: 0,
           zIndex: zIndex.value,
-          transform: `translate${isHorizontal ? 'X' : 'Y'}(${(active.value ? 0 : -(elementSize.value ?? layoutSize.value)) * (isOppositeHorizontal || isOppositeVertical ? -1 : 1)}px)`,
+          transform: `translate${isHorizontal ? 'X' : 'Y'}(${(active.value ? 0 : -(size === 0 ? 100 : size)) * (isOppositeHorizontal || isOppositeVertical ? -1 : 1)}${unit})`,
           position: absolute.value || rootZIndex.value !== ROOT_ZINDEX ? 'absolute' : 'fixed',
           ...(transitionsEnabled.value ? undefined : {
             transition: 'none'
@@ -22782,6 +22784,7 @@ const VKbd = createSimpleFunctional('v-kbd');
 
 const makeVLayoutProps = propsFactory({
   ...makeComponentProps(),
+  ...makeDimensionProps(),
   ...makeLayoutProps()
 }, 'VLayout');
 const VLayout = genericComponent()({
@@ -22798,10 +22801,13 @@ const VLayout = genericComponent()({
       items,
       layoutRef
     } = createLayout(props);
+    const {
+      dimensionStyles
+    } = useDimension(props);
     useRender(() => createVNode("div", {
       "ref": layoutRef,
       "class": [layoutClasses.value, props.class],
-      "style": [layoutStyles.value, props.style]
+      "style": [dimensionStyles.value, layoutStyles.value, props.style]
     }, [createVNode(Suspense, null, {
       default: () => [createVNode(Fragment, null, [slots.default?.()])]
     })]));
@@ -23442,6 +23448,7 @@ const VNavigationDrawer = genericComponent()({
       const size = isTemporary.value ? 0 : props.rail && props.expandOnHover ? Number(props.railWidth) : width.value;
       return isDragging.value ? size * dragProgress.value : size;
     });
+    const elementSize = computed(() => ['top', 'bottom'].includes(props.location) ? 0 : width.value);
     const {
       layoutItemStyles,
       layoutItemScrimStyles,
@@ -23451,7 +23458,7 @@ const VNavigationDrawer = genericComponent()({
       order: computed(() => parseInt(props.order, 10)),
       position: location,
       layoutSize,
-      elementSize: width,
+      elementSize,
       active: computed(() => isActive.value || isDragging.value),
       disableTransitions: computed(() => isDragging.value),
       absolute: computed(() =>
@@ -23497,7 +23504,9 @@ const VNavigationDrawer = genericComponent()({
           'v-navigation-drawer--active': isActive.value,
           'v-navigation-drawer--sticky': isSticky.value
         }, themeClasses.value, backgroundColorClasses.value, borderClasses.value, displayClasses.value, elevationClasses.value, roundedClasses.value, props.class],
-        "style": [backgroundColorStyles.value, layoutItemStyles.value, ssrBootStyles.value, stickyStyles.value, props.style]
+        "style": [backgroundColorStyles.value, layoutItemStyles.value, ssrBootStyles.value, stickyStyles.value, props.style, ['top', 'bottom'].includes(location.value) ? {
+          height: 'auto'
+        } : {}]
       }, scopeId, attrs), {
         default: () => [hasImage && createVNode("div", {
           "key": "image",
@@ -29542,7 +29551,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.6.0-alpha.2-dev.2024-04-27";
+const version$1 = "3.6.0-alpha.2-dev.2024-04-29";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -29795,7 +29804,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.6.0-alpha.2-dev.2024-04-27";
+const version = "3.6.0-alpha.2-dev.2024-04-29";
 
 /* eslint-disable local-rules/sort-imports */