@vuetify/nightly 3.0.0-alpha.11 → 3.0.0-beta.0

package/lib/components/VWindow/VWindowItem.mjs

@@ -1,24 +1,20 @@
-// @ts-nocheck
-
-/* eslint-disable */
-// Components
-// Mixins
-import Bootable from "../../mixins/bootable.mjs";
-import { factory as GroupableFactory } from "../../mixins/groupable.mjs"; // Directives
+import { withDirectives as _withDirectives, createVNode as _createVNode, vShow as _vShow } from "vue";
+// Composables
+import { makeGroupItemProps, useGroupItem } from "../../composables/group.mjs";
+import { makeLazyProps, useLazy } from "../../composables/lazy.mjs";
+import { MaybeTransition } from "../../composables/transition.mjs"; // Directives
 
 import Touch from "../../directives/touch/index.mjs"; // Utilities
 
-import { convertToUnit } from "../../util/helpers.mjs";
-import mixins from "../../util/mixins.mjs"; // Types
-
-const baseMixins = mixins(Bootable, GroupableFactory('windowGroup', 'v-window-item', 'v-window'));
-export default baseMixins.extend().extend().extend({
-  name: 'v-window-item',
+import { computed, inject, nextTick, ref } from 'vue';
+import { convertToUnit, defineComponent } from "../../util/index.mjs";
+import { VWindowGroupSymbol, VWindowSymbol } from "./VWindow.mjs";
+export const VWindowItem = defineComponent({
+  name: 'VWindowItem',
   directives: {
     Touch
   },
   props: {
-    disabled: Boolean,
     reverseTransition: {
       type: [Boolean, String],
       default: undefined
@@ -27,122 +23,100 @@ export default baseMixins.extend().extend().extend({
       type: [Boolean, String],
       default: undefined
     },
-    value: {
-      required: false
-    }
-  },
-
-  data() {
-    return {
-      isActive: false,
-      inTransition: false
-    };
+    ...makeLazyProps(),
+    ...makeGroupItemProps()
   },
 
-  computed: {
-    classes() {
-      return this.groupClasses;
-    },
-
-    computedTransition() {
-      if (!this.windowGroup.internalReverse) {
-        return typeof this.transition !== 'undefined' ? this.transition || '' : this.windowGroup.computedTransition;
-      }
-
-      return typeof this.reverseTransition !== 'undefined' ? this.reverseTransition || '' : this.windowGroup.computedTransition;
-    }
-
-  },
-  methods: {
-    genDefaultSlot() {
-      return this.$slots.default;
-    },
-
-    genWindowItem() {
-      return this.$createElement('div', {
-        staticClass: 'v-window-item',
-        class: this.classes,
-        directives: [{
-          name: 'show',
-          value: this.isActive
-        }],
-        on: this.$listeners
-      }, this.genDefaultSlot());
-    },
-
-    onAfterTransition() {
-      if (!this.inTransition) {
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    const window = inject(VWindowSymbol);
+    const groupItem = useGroupItem(props, VWindowGroupSymbol);
+    if (!window || !groupItem) throw new Error('[Vuetify] VWindowItem must be used inside VWindow');
+    const isTransitioning = ref(false);
+    const hasTransition = computed(() => window.isReversed.value ? props.reverseTransition !== false : props.transition !== false);
+
+    function onAfterTransition() {
+      if (!isTransitioning.value || !window) {
         return;
       } // Finalize transition state.
 
 
-      this.inTransition = false;
+      isTransitioning.value = false;
 
-      if (this.windowGroup.transitionCount > 0) {
-        this.windowGroup.transitionCount--; // Remove container height if we are out of transition.
+      if (window.transitionCount.value > 0) {
+        window.transitionCount.value -= 1; // Remove container height if we are out of transition.
 
-        if (this.windowGroup.transitionCount === 0) {
-          this.windowGroup.transitionHeight = undefined;
+        if (window.transitionCount.value === 0) {
+          window.transitionHeight.value = undefined;
         }
       }
-    },
+    }
 
-    onBeforeTransition() {
-      if (this.inTransition) {
+    function onBeforeTransition() {
+      if (isTransitioning.value || !window) {
         return;
       } // Initialize transition state here.
 
 
-      this.inTransition = true;
+      isTransitioning.value = true;
+
+      if (window.transitionCount.value === 0) {
+        var _window$rootRef$value;
 
-      if (this.windowGroup.transitionCount === 0) {
         // Set initial height for height transition.
-        this.windowGroup.transitionHeight = convertToUnit(this.windowGroup.$el.clientHeight);
+        window.transitionHeight.value = convertToUnit((_window$rootRef$value = window.rootRef.value) == null ? void 0 : _window$rootRef$value.clientHeight);
       }
 
-      this.windowGroup.transitionCount++;
-    },
+      window.transitionCount.value += 1;
+    }
 
-    onTransitionCancelled() {
-      this.onAfterTransition(); // This should have the same path as normal transition end.
-    },
+    function onTransitionCancelled() {
+      onAfterTransition(); // This should have the same path as normal transition end.
+    }
 
-    onEnter(el) {
-      if (!this.inTransition) {
+    function onEnterTransition(el) {
+      if (!isTransitioning.value) {
         return;
       }
 
-      this.$nextTick(() => {
+      nextTick(() => {
         // Do not set height if no transition or cancelled.
-        if (!this.computedTransition || !this.inTransition) {
+        if (!hasTransition.value || !isTransitioning.value || !window) {
           return;
         } // Set transition target height.
 
 
-        this.windowGroup.transitionHeight = convertToUnit(el.clientHeight);
+        window.transitionHeight.value = convertToUnit(el.clientHeight);
       });
     }
 
-  },
-
-  render(h) {
-    return h('transition', {
-      props: {
-        name: this.computedTransition
-      },
-      on: {
-        // Handlers for enter windows.
-        beforeEnter: this.onBeforeTransition,
-        afterEnter: this.onAfterTransition,
-        enterCancelled: this.onTransitionCancelled,
-        // Handlers for leave windows.
-        beforeLeave: this.onBeforeTransition,
-        afterLeave: this.onAfterTransition,
-        leaveCancelled: this.onTransitionCancelled,
-        // Enter handler for height transition.
-        enter: this.onEnter
-      }
-    }, this.showLazyContent(() => [this.genWindowItem()]));
+    const transition = computed(() => {
+      const name = window.isReversed.value ? props.reverseTransition : props.transition;
+      return !hasTransition.value ? false : {
+        name: typeof name !== 'string' ? window.transition.value : name,
+        onBeforeEnter: onBeforeTransition,
+        onAfterEnter: onAfterTransition,
+        onEnterCancelled: onTransitionCancelled,
+        onBeforeLeave: onBeforeTransition,
+        onAfterLeave: onAfterTransition,
+        onLeaveCancelled: onTransitionCancelled,
+        onEnter: onEnterTransition
+      };
+    });
+    const {
+      hasContent
+    } = useLazy(props, groupItem.isSelected);
+    return () => {
+      return _createVNode(MaybeTransition, {
+        "transition": transition.value
+      }, {
+        default: () => [_withDirectives(_createVNode("div", {
+          "class": ['v-window-item', groupItem.selectedClass.value]
+        }, [slots.default && hasContent.value && slots.default()]), [[_vShow, groupItem.isSelected.value]])]
+      });
+    };
   }
 
 });

package/lib/components/VWindow/VWindowItem.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VWindow/VWindowItem.ts"],"names":["Bootable","factory","GroupableFactory","Touch","convertToUnit","mixins","baseMixins","extend","name","directives","props","disabled","Boolean","reverseTransition","type","String","default","undefined","transition","value","required","data","isActive","inTransition","computed","classes","groupClasses","computedTransition","windowGroup","internalReverse","methods","genDefaultSlot","$slots","genWindowItem","$createElement","staticClass","class","on","$listeners","onAfterTransition","transitionCount","transitionHeight","onBeforeTransition","$el","clientHeight","onTransitionCancelled","onEnter","el","$nextTick","render","h","beforeEnter","afterEnter","enterCancelled","beforeLeave","afterLeave","leaveCancelled","enter","showLazyContent"],"mappings":"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","sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\n// Components\nimport VWindow from './VWindow'\n\n// Mixins\nimport Bootable from '../../mixins/bootable'\nimport { factory as GroupableFactory } from '../../mixins/groupable'\n\n// Directives\nimport Touch from '../../directives/touch'\n\n// Utilities\nimport { convertToUnit } from '../../util/helpers'\nimport mixins, { ExtractVue } from '../../util/mixins'\n\n// Types\nimport { VNode } from 'vue'\n\nconst baseMixins = mixins(\n  Bootable,\n  GroupableFactory('windowGroup', 'v-window-item', 'v-window')\n)\n\ninterface options extends ExtractVue<typeof baseMixins> {\n  $el: HTMLElement\n  windowGroup: InstanceType<typeof VWindow>\n}\n\nexport default baseMixins.extend<options>().extend(\n  /* @vue/component */\n).extend({\n  name: 'v-window-item',\n\n  directives: {\n    Touch,\n  },\n\n  props: {\n    disabled: Boolean,\n    reverseTransition: {\n      type: [Boolean, String],\n      default: undefined,\n    },\n    transition: {\n      type: [Boolean, String],\n      default: undefined,\n    },\n    value: {\n      required: false,\n    },\n  },\n\n  data () {\n    return {\n      isActive: false,\n      inTransition: false,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return this.groupClasses\n    },\n    computedTransition (): string | boolean {\n      if (!this.windowGroup.internalReverse) {\n        return typeof this.transition !== 'undefined'\n          ? this.transition || ''\n          : this.windowGroup.computedTransition\n      }\n\n      return typeof this.reverseTransition !== 'undefined'\n        ? this.reverseTransition || ''\n        : this.windowGroup.computedTransition\n    },\n  },\n\n  methods: {\n    genDefaultSlot () {\n      return this.$slots.default\n    },\n    genWindowItem () {\n      return this.$createElement('div', {\n        staticClass: 'v-window-item',\n        class: this.classes,\n        directives: [{\n          name: 'show',\n          value: this.isActive,\n        }],\n        on: this.$listeners,\n      }, this.genDefaultSlot())\n    },\n    onAfterTransition () {\n      if (!this.inTransition) {\n        return\n      }\n\n      // Finalize transition state.\n      this.inTransition = false\n      if (this.windowGroup.transitionCount > 0) {\n        this.windowGroup.transitionCount--\n\n        // Remove container height if we are out of transition.\n        if (this.windowGroup.transitionCount === 0) {\n          this.windowGroup.transitionHeight = undefined\n        }\n      }\n    },\n    onBeforeTransition () {\n      if (this.inTransition) {\n        return\n      }\n\n      // Initialize transition state here.\n      this.inTransition = true\n      if (this.windowGroup.transitionCount === 0) {\n        // Set initial height for height transition.\n        this.windowGroup.transitionHeight = convertToUnit(this.windowGroup.$el.clientHeight)\n      }\n      this.windowGroup.transitionCount++\n    },\n    onTransitionCancelled () {\n      this.onAfterTransition() // This should have the same path as normal transition end.\n    },\n    onEnter (el: HTMLElement) {\n      if (!this.inTransition) {\n        return\n      }\n\n      this.$nextTick(() => {\n        // Do not set height if no transition or cancelled.\n        if (!this.computedTransition || !this.inTransition) {\n          return\n        }\n\n        // Set transition target height.\n        this.windowGroup.transitionHeight = convertToUnit(el.clientHeight)\n      })\n    },\n  },\n\n  render (h): VNode {\n    return h('transition', {\n      props: {\n        name: this.computedTransition,\n      },\n      on: {\n        // Handlers for enter windows.\n        beforeEnter: this.onBeforeTransition,\n        afterEnter: this.onAfterTransition,\n        enterCancelled: this.onTransitionCancelled,\n\n        // Handlers for leave windows.\n        beforeLeave: this.onBeforeTransition,\n        afterLeave: this.onAfterTransition,\n        leaveCancelled: this.onTransitionCancelled,\n\n        // Enter handler for height transition.\n        enter: this.onEnter,\n      },\n    }, this.showLazyContent(() => [this.genWindowItem()]))\n  },\n})\n"],"file":"VWindowItem.mjs"}
+{"version":3,"sources":["../../../src/components/VWindow/VWindowItem.tsx"],"names":["makeGroupItemProps","useGroupItem","makeLazyProps","useLazy","MaybeTransition","Touch","computed","inject","nextTick","ref","convertToUnit","defineComponent","VWindowGroupSymbol","VWindowSymbol","VWindowItem","name","directives","props","reverseTransition","type","Boolean","String","default","undefined","transition","setup","slots","window","groupItem","Error","isTransitioning","hasTransition","isReversed","value","onAfterTransition","transitionCount","transitionHeight","onBeforeTransition","rootRef","clientHeight","onTransitionCancelled","onEnterTransition","el","onBeforeEnter","onAfterEnter","onEnterCancelled","onBeforeLeave","onAfterLeave","onLeaveCancelled","onEnter","hasContent","isSelected","selectedClass"],"mappings":"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","sourcesContent":["// Composables\nimport { makeGroupItemProps, useGroupItem } from '@/composables/group'\nimport { makeLazyProps, useLazy } from '@/composables/lazy'\nimport { MaybeTransition } from '@/composables/transition'\n\n// Directives\nimport Touch from '@/directives/touch'\n\n// Utilities\nimport { computed, inject, nextTick, ref } from 'vue'\nimport { convertToUnit, defineComponent } from '@/util'\nimport { VWindowGroupSymbol, VWindowSymbol } from './VWindow'\n\nexport const VWindowItem = defineComponent({\n  name: 'VWindowItem',\n\n  directives: {\n    Touch,\n  },\n\n  props: {\n    reverseTransition: {\n      type: [Boolean, String],\n      default: undefined,\n    },\n    transition: {\n      type: [Boolean, String],\n      default: undefined,\n    },\n    ...makeLazyProps(),\n    ...makeGroupItemProps(),\n  },\n\n  setup (props, { slots }) {\n    const window = inject(VWindowSymbol)\n    const groupItem = useGroupItem(props, VWindowGroupSymbol)\n\n    if (!window || !groupItem) throw new Error('[Vuetify] VWindowItem must be used inside VWindow')\n\n    const isTransitioning = ref(false)\n    const hasTransition = computed(() => window.isReversed.value ? props.reverseTransition !== false : props.transition !== false)\n\n    function onAfterTransition () {\n      if (!isTransitioning.value || !window) {\n        return\n      }\n\n      // Finalize transition state.\n      isTransitioning.value = false\n      if (window.transitionCount.value > 0) {\n        window.transitionCount.value -= 1\n\n        // Remove container height if we are out of transition.\n        if (window.transitionCount.value === 0) {\n          window.transitionHeight.value = undefined\n        }\n      }\n    }\n\n    function onBeforeTransition () {\n      if (isTransitioning.value || !window) {\n        return\n      }\n\n      // Initialize transition state here.\n      isTransitioning.value = true\n\n      if (window.transitionCount.value === 0) {\n        // Set initial height for height transition.\n        window.transitionHeight.value = convertToUnit(window.rootRef.value?.clientHeight)\n      }\n\n      window.transitionCount.value += 1\n    }\n\n    function onTransitionCancelled () {\n      onAfterTransition() // This should have the same path as normal transition end.\n    }\n\n    function onEnterTransition (el: Element) {\n      if (!isTransitioning.value) {\n        return\n      }\n\n      nextTick(() => {\n        // Do not set height if no transition or cancelled.\n        if (!hasTransition.value || !isTransitioning.value || !window) {\n          return\n        }\n\n        // Set transition target height.\n        window.transitionHeight.value = convertToUnit(el.clientHeight)\n      })\n    }\n\n    const transition = computed(() => {\n      const name = window.isReversed.value\n        ? props.reverseTransition\n        : props.transition\n\n      return !hasTransition.value ? false : {\n        name: typeof name !== 'string' ? window.transition.value : name,\n        onBeforeEnter: onBeforeTransition,\n        onAfterEnter: onAfterTransition,\n        onEnterCancelled: onTransitionCancelled,\n        onBeforeLeave: onBeforeTransition,\n        onAfterLeave: onAfterTransition,\n        onLeaveCancelled: onTransitionCancelled,\n        onEnter: onEnterTransition,\n      }\n    })\n\n    const { hasContent } = useLazy(props, groupItem.isSelected)\n\n    return () => {\n      return (\n        <MaybeTransition transition={ transition.value } >\n          <div\n            class={[\n              'v-window-item',\n              groupItem.selectedClass.value,\n            ]}\n            v-show={ groupItem.isSelected.value }\n          >\n            { slots.default && hasContent.value && slots.default() }\n          </div>\n        </MaybeTransition>\n      )\n    }\n  },\n})\n\nexport type VWindowItem = InstanceType<typeof VWindowItem>\n"],"file":"VWindowItem.mjs"}

package/lib/components/VWindow/_variables.scss

@@ -1,5 +1,4 @@
-@import '../../styles/styles.sass';
+@use '../../styles/settings';
 
 $window-transition: .3s cubic-bezier(.25, .8, .50, 1) !default;
-$window-controls-margin: 0 16px !default;
-$window-controls-top: calc(50% - 20px) !default;
+$window-controls-padding: 0 16px !default;

package/lib/components/VWindow/index.mjs

@@ -1,10 +1,3 @@
-import VWindow from "./VWindow.mjs";
-import VWindowItem from "./VWindowItem.mjs";
-export { VWindow, VWindowItem };
-export default {
-  $_vuetify_subcomponents: {
-    VWindow,
-    VWindowItem
-  }
-};
+export { VWindow } from "./VWindow.mjs";
+export { VWindowItem } from "./VWindowItem.mjs";
 //# sourceMappingURL=index.mjs.map

package/lib/components/VWindow/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VWindow/index.ts"],"names":["VWindow","VWindowItem","$_vuetify_subcomponents"],"mappings":"OAAOA,O;OACAC,W;AAEP,SAASD,OAAT,EAAkBC,WAAlB;AAEA,eAAe;AACbC,EAAAA,uBAAuB,EAAE;AACvBF,IAAAA,OADuB;AAEvBC,IAAAA;AAFuB;AADZ,CAAf","sourcesContent":["import VWindow from './VWindow'\nimport VWindowItem from './VWindowItem'\n\nexport { VWindow, VWindowItem }\n\nexport default {\n  $_vuetify_subcomponents: {\n    VWindow,\n    VWindowItem,\n  },\n}\n"],"file":"index.mjs"}
+{"version":3,"sources":["../../../src/components/VWindow/index.ts"],"names":["VWindow","VWindowItem"],"mappings":"SAASA,O;SACAC,W","sourcesContent":["export { VWindow } from './VWindow'\nexport { VWindowItem } from './VWindowItem'\n"],"file":"index.mjs"}