@kokoccc/vuetify 1.0.2 → 1.0.4

package/lib/components/VAlert/VAlert.js

@@ -0,0 +1,219 @@
+import { h, vShow, withDirectives } from 'vue'; // Styles
+
+import "../../../src/components/VAlert/VAlert.sass"; // Extensions
+
+import VSheet from '../VSheet'; // Components
+
+import VBtn from '../VBtn';
+import VIcon from '../VIcon'; // Mixins
+
+import Toggleable from '../../mixins/toggleable';
+import Themeable from '../../mixins/themeable';
+import Transitionable from '../../mixins/transitionable'; // Utilities
+
+import mixins from '../../util/mixins';
+import { breaking } from '../../util/console';
+import { getSlot } from '../../util/helpers'; // Types
+
+import { Transition } from 'vue';
+/* @vue/component */
+
+export default mixins(VSheet, Toggleable, Transitionable).extend({
+  name: 'v-alert',
+  emits: ['update:modelValue'],
+  props: {
+    border: {
+      type: String,
+
+      validator(val) {
+        return ['top', 'right', 'bottom', 'left'].includes(val);
+      }
+
+    },
+    closeLabel: {
+      type: String,
+      default: '$vuetify.close'
+    },
+    coloredBorder: Boolean,
+    dense: Boolean,
+    dismissible: Boolean,
+    closeIcon: {
+      type: String,
+      default: '$cancel'
+    },
+    icon: {
+      type: [Boolean, String],
+
+      validator(val) {
+        return typeof val === 'string' || val === false;
+      }
+
+    },
+    outlined: Boolean,
+    prominent: Boolean,
+    text: Boolean,
+    type: {
+      type: String,
+
+      validator(val) {
+        return ['info', 'error', 'success', 'warning'].includes(val);
+      }
+
+    },
+    modelValue: {
+      type: Boolean,
+      default: true
+    }
+  },
+  computed: {
+    __cachedBorder() {
+      if (!this.border) return null;
+      let data = {
+        class: ['v-alert__border', {
+          [`v-alert__border--${this.border}`]: true
+        }]
+      };
+
+      if (this.coloredBorder) {
+        data = this.setBackgroundColor(this.computedColor, data);
+        data.class['v-alert__border--has-color'] = true;
+      }
+
+      return h('div', data);
+    },
+
+    __cachedDismissible() {
+      if (!this.dismissible) return null;
+      const color = this.iconColor;
+      return h(VBtn, {
+        class: 'v-alert__dismissible',
+        color,
+        icon: true,
+        small: true,
+        'aria-label': this.$vuetify.lang.t(this.closeLabel),
+        onClick: () => this.isActive = false
+      }, [h(VIcon, {
+        color
+      }, {
+        default: () => this.closeIcon
+      })]);
+    },
+
+    __cachedIcon() {
+      if (!this.computedIcon) return null;
+      return h(VIcon, {
+        class: 'v-alert__icon',
+        color: this.iconColor
+      }, {
+        default: () => this.computedIcon
+      });
+    },
+
+    classes() {
+      const classes = { ...VSheet.computed.classes.call(this),
+        'v-alert--border': Boolean(this.border),
+        'v-alert--dense': this.dense,
+        'v-alert--outlined': this.outlined,
+        'v-alert--prominent': this.prominent,
+        'v-alert--text': this.text
+      };
+
+      if (this.border) {
+        classes[`v-alert--border-${this.border}`] = true;
+      }
+
+      return classes;
+    },
+
+    computedColor() {
+      return this.color || this.type;
+    },
+
+    computedIcon() {
+      if (this.icon === false) return false;
+      if (typeof this.icon === 'string' && this.icon) return this.icon;
+      if (!['error', 'info', 'success', 'warning'].includes(this.type)) return false;
+      return `$${this.type}`;
+    },
+
+    hasColoredIcon() {
+      return this.hasText || Boolean(this.border) && this.coloredBorder;
+    },
+
+    hasText() {
+      return this.text || this.outlined;
+    },
+
+    iconColor() {
+      return this.hasColoredIcon ? this.computedColor : undefined;
+    },
+
+    isDark() {
+      if (this.type && !this.coloredBorder && !this.outlined) return true;
+      return Themeable.computed.isDark.call(this);
+    }
+
+  },
+
+  created() {
+    const breakingProps = [['outline', 'outlined'], ['value', 'modelValue'], ['onInput', 'onUpdate:modelValue']];
+    /* istanbul ignore next */
+
+    breakingProps.forEach(([original, replacement]) => {
+      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this);
+    });
+  },
+
+  methods: {
+    genWrapper() {
+      const children = [getSlot(this, 'prepend') || this.__cachedIcon, this.genContent(), this.__cachedBorder, getSlot(this, 'append'), this.$slots.close ? this.$slots.close({
+        toggle: this.toggle
+      }) : this.__cachedDismissible];
+      const data = {
+        class: 'v-alert__wrapper'
+      };
+      return h('div', data, children);
+    },
+
+    genContent() {
+      return h('div', {
+        class: 'v-alert__content'
+      }, getSlot(this));
+    },
+
+    genAlert() {
+      let data = {
+        class: ['v-alert', this.classes],
+        role: 'alert',
+        ...this.listeners$,
+        style: this.styles
+      };
+      const directives = [[vShow, this.isActive]];
+
+      if (!this.coloredBorder) {
+        const setColor = this.hasText ? this.setTextColor : this.setBackgroundColor;
+        data = setColor(this.computedColor, data);
+      }
+
+      return withDirectives(h('div', data, [this.genWrapper()]), directives);
+    },
+
+    /** @public */
+    toggle() {
+      this.isActive = !this.isActive;
+    }
+
+  },
+
+  render() {
+    const render = this.genAlert();
+    if (!this.transition) return render;
+    return h(Transition, {
+      name: this.transition,
+      origin: this.origin,
+      mode: this.mode
+    }, [render]);
+  }
+
+});
+//# sourceMappingURL=VAlert.js.map

package/lib/components/VAlert/VAlert.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VAlert/VAlert.ts"],"names":[],"mappings":"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","sourcesContent":["import {h, vShow, withDirectives} from 'vue'\n// Styles\nimport './VAlert.sass'\n\n// Extensions\nimport VSheet from '../VSheet'\n\n// Components\nimport VBtn from '../VBtn'\nimport VIcon from '../VIcon'\n\n// Mixins\nimport Toggleable from '../../mixins/toggleable'\nimport Themeable from '../../mixins/themeable'\nimport Transitionable from '../../mixins/transitionable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { breaking } from '../../util/console'\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { VNodeData, Transition } from 'vue'\nimport { VNode } from 'vue/types'\n\n/* @vue/component */\nexport default mixins(\n  VSheet,\n  Toggleable,\n  Transitionable\n).extend({\n  name: 'v-alert',\n\n  emits: ['update:modelValue'],\n\n  props: {\n    border: {\n      type: String,\n      validator (val: string) {\n        return [\n          'top',\n          'right',\n          'bottom',\n          'left',\n        ].includes(val)\n      },\n    },\n    closeLabel: {\n      type: String,\n      default: '$vuetify.close',\n    },\n    coloredBorder: Boolean,\n    dense: Boolean,\n    dismissible: Boolean,\n    closeIcon: {\n      type: String,\n      default: '$cancel',\n    },\n    icon: {\n      type: [Boolean, String],\n      validator (val: boolean | string) {\n        return typeof val === 'string' || val === false\n      },\n    },\n    outlined: Boolean,\n    prominent: Boolean,\n    text: Boolean,\n    type: {\n      type: String,\n      validator (val: string) {\n        return [\n          'info',\n          'error',\n          'success',\n          'warning',\n        ].includes(val)\n      },\n    },\n    modelValue: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  computed: {\n    __cachedBorder (): VNode | null {\n      if (!this.border) return null\n\n      let data: VNodeData = {\n        class: ['v-alert__border', {\n          [`v-alert__border--${this.border}`]: true,\n        }]\n      }\n\n      if (this.coloredBorder) {\n        data = this.setBackgroundColor(this.computedColor, data)\n        data.class['v-alert__border--has-color'] = true\n      }\n\n      return h('div', data)\n    },\n    __cachedDismissible (): VNode | null {\n      if (!this.dismissible) return null\n\n      const color = this.iconColor\n\n      return h(VBtn, {\n        class: 'v-alert__dismissible',\n        color,\n        icon: true,\n        small: true,\n        'aria-label': this.$vuetify.lang.t(this.closeLabel),\n        onClick: () => (this.isActive = false),\n      }, [\n        h(VIcon, {\n          color,\n        }, {\n          default: () => this.closeIcon\n        }),\n      ])\n    },\n    __cachedIcon (): VNode | null {\n      if (!this.computedIcon) return null\n\n      return h(VIcon, {\n        class: 'v-alert__icon',\n        color: this.iconColor,\n      }, {\n        default: () => this.computedIcon\n      })\n    },\n    classes (): object {\n      const classes: Record<string, boolean> = {\n        ...VSheet.computed.classes.call(this),\n        'v-alert--border': Boolean(this.border),\n        'v-alert--dense': this.dense,\n        'v-alert--outlined': this.outlined,\n        'v-alert--prominent': this.prominent,\n        'v-alert--text': this.text,\n      }\n\n      if (this.border) {\n        classes[`v-alert--border-${this.border}`] = true\n      }\n\n      return classes\n    },\n    computedColor (): string {\n      return this.color || this.type\n    },\n    computedIcon (): string | boolean {\n      if (this.icon === false) return false\n      if (typeof this.icon === 'string' && this.icon) return this.icon\n      if (!['error', 'info', 'success', 'warning'].includes(this.type)) return false\n\n      return `$${this.type}`\n    },\n    hasColoredIcon (): boolean {\n      return (\n        this.hasText ||\n        (Boolean(this.border) && this.coloredBorder)\n      )\n    },\n    hasText (): boolean {\n      return this.text || this.outlined\n    },\n    iconColor (): string | undefined {\n      return this.hasColoredIcon ? this.computedColor : undefined\n    },\n    isDark (): boolean {\n      if (\n        this.type &&\n        !this.coloredBorder &&\n        !this.outlined\n      ) return true\n\n      return Themeable.computed.isDark.call(this)\n    },\n  },\n\n  created () {\n    const breakingProps = [\n      ['outline', 'outlined'],\n      ['value', 'modelValue'],\n      ['onInput', 'onUpdate:modelValue'],\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n  },\n\n  methods: {\n    genWrapper (): VNode {\n      const children = [\n        getSlot(this, 'prepend') || this.__cachedIcon,\n        this.genContent(),\n        this.__cachedBorder,\n        getSlot(this, 'append'),\n        this.$slots.close\n          ? this.$slots.close({ toggle: this.toggle })\n          : this.__cachedDismissible,\n      ]\n\n      const data: VNodeData = {\n        class: 'v-alert__wrapper',\n      }\n\n      return h('div', data, children)\n    },\n    genContent (): VNode {\n      return h('div', {\n        class: 'v-alert__content',\n      }, getSlot(this))\n    },\n    genAlert (): VNode {\n      let data: VNodeData = {\n        class: ['v-alert', this.classes],\n        role: 'alert',\n        ...this.listeners$,\n        style: this.styles\n      }\n\n      const directives = [\n        [\n          vShow,\n          this.isActive\n        ]\n      ]\n\n      if (!this.coloredBorder) {\n        const setColor = this.hasText ? this.setTextColor : this.setBackgroundColor\n        data = setColor(this.computedColor, data)\n      }\n\n      return withDirectives(h('div', data, [this.genWrapper()]), directives)\n    },\n    /** @public */\n    toggle () {\n      this.isActive = !this.isActive\n    },\n  },\n\n  render (): VNode {\n    const render = this.genAlert()\n\n    if (!this.transition) return render\n\n    return h(Transition, {\n      name: this.transition,\n      origin: this.origin,\n      mode: this.mode\n    }, [render])\n  },\n})"],"sourceRoot":"","file":"VAlert.js"}

package/lib/components/VAlert/index.js

@@ -0,0 +1,4 @@
+import VAlert from './VAlert';
+export { VAlert };
+export default VAlert;
+//# sourceMappingURL=index.js.map

package/lib/components/VAlert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VAlert/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAP,MAAmB,UAAnB;AAEA,SAAS,MAAT;AACA,eAAe,MAAf","sourcesContent":["import VAlert from './VAlert'\n\nexport { VAlert }\nexport default VAlert\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/VApp/VApp.js

@@ -0,0 +1,56 @@
+// Styles
+import "../../../src/components/VApp/VApp.sass"; // Mixins
+
+import Themeable from '../../mixins/themeable';
+import { getSlot } from '../../util/helpers';
+import { h } from 'vue';
+/* @vue/component */
+
+export default {
+  name: 'v-app',
+  mixins: [Themeable],
+  props: {
+    dark: {
+      type: Boolean,
+      default: undefined
+    },
+    id: {
+      type: String,
+      default: 'app'
+    },
+    light: {
+      type: Boolean,
+      default: undefined
+    }
+  },
+  computed: {
+    isDark() {
+      return this.$vuetify.theme.dark;
+    }
+
+  },
+
+  beforeCreate() {
+    if (!this.$vuetify || this.$vuetify === this.$root) {
+      throw new Error('Vuetify is not properly initialized, see https://v2.vuetifyjs.com/getting-started/quick-start#bootstrapping-the-vuetify-object');
+    }
+  },
+
+  render() {
+    const wrapper = h('div', {
+      class: 'v-application--wrap'
+    }, getSlot(this));
+    return h('div', {
+      class: {
+        'v-application': true,
+        'v-application--is-rtl': this.$vuetify.rtl,
+        'v-application--is-ltr': !this.$vuetify.rtl,
+        ...this.themeClasses
+      },
+      'data-app': true,
+      id: this.id
+    }, [wrapper]);
+  }
+
+};
+//# sourceMappingURL=VApp.js.map

package/lib/components/VApp/VApp.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VApp/VApp.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,wCAAP,C,CAEA;;AACA,OAAO,SAAP,MAAsB,wBAAtB;AAIA,SAAS,OAAT,QAAwB,oBAAxB;AACA,SAAQ,CAAR,QAAgB,KAAhB;AAEA;;AACA,eAAe;AACb,EAAA,IAAI,EAAE,OADO;AAEb,EAAA,MAAM,EAAE,CACN,SADM,CAFK;AAMb,EAAA,KAAK,EAAE;AACL,IAAA,IAAI,EAAE;AACJ,MAAA,IAAI,EAAE,OADF;AAEJ,MAAA,OAAO,EAAE;AAFL,KADD;AAKL,IAAA,EAAE,EAAE;AACF,MAAA,IAAI,EAAE,MADJ;AAEF,MAAA,OAAO,EAAE;AAFP,KALC;AASL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,OADD;AAEL,MAAA,OAAO,EAAE;AAFJ;AATF,GANM;AAqBb,EAAA,QAAQ,EAAE;AACR,IAAA,MAAM,GAAA;AACJ,aAAO,KAAK,QAAL,CAAc,KAAd,CAAoB,IAA3B;AACD;;AAHO,GArBG;;AA2Bb,EAAA,YAAY,GAAA;AACV,QAAI,CAAC,KAAK,QAAN,IAAmB,KAAK,QAAL,KAAkB,KAAK,KAA9C,EAA6D;AAC3D,YAAM,IAAI,KAAJ,CAAU,gIAAV,CAAN;AACD;AACF,GA/BY;;AAiCb,EAAA,MAAM,GAAA;AACJ,UAAM,OAAO,GAAG,CAAC,CAAC,KAAD,EAAQ;AAAE,MAAA,KAAK,EAAE;AAAT,KAAR,EAA0C,OAAO,CAAC,IAAD,CAAjD,CAAjB;AAEA,WAAO,CAAC,CAAC,KAAD,EAAQ;AACd,MAAA,KAAK,EAAE;AACL,yBAAiB,IADZ;AAEL,iCAAyB,KAAK,QAAL,CAAc,GAFlC;AAGL,iCAAyB,CAAC,KAAK,QAAL,CAAc,GAHnC;AAIL,WAAG,KAAK;AAJH,OADO;AAOd,kBAAY,IAPE;AAQd,MAAA,EAAE,EAAE,KAAK;AARK,KAAR,EASL,CAAC,OAAD,CATK,CAAR;AAUD;;AA9CY,CAAf","sourcesContent":["// Styles\nimport './VApp.sass'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\nimport {h} from 'vue'\n\n/* @vue/component */\nexport default {\n  name: 'v-app',\n  mixins: [\n    Themeable\n  ],\n\n  props: {\n    dark: {\n      type: Boolean,\n      default: undefined,\n    },\n    id: {\n      type: String,\n      default: 'app',\n    },\n    light: {\n      type: Boolean,\n      default: undefined,\n    },\n  },\n\n  computed: {\n    isDark (): boolean {\n      return this.$vuetify.theme.dark\n    },\n  },\n\n  beforeCreate () {\n    if (!this.$vuetify || (this.$vuetify === this.$root as any)) {\n      throw new Error('Vuetify is not properly initialized, see https://v2.vuetifyjs.com/getting-started/quick-start#bootstrapping-the-vuetify-object')\n    }\n  },\n\n  render () {\n    const wrapper = h('div', { class: 'v-application--wrap' }, getSlot(this))\n\n    return h('div', {\n      class: {\n        'v-application': true,\n        'v-application--is-rtl': this.$vuetify.rtl,\n        'v-application--is-ltr': !this.$vuetify.rtl,\n        ...this.themeClasses,\n      },\n      'data-app': true,\n      id: this.id,\n    }, [wrapper])\n  },\n}\n"],"sourceRoot":"","file":"VApp.js"}

package/lib/components/VApp/index.js

@@ -0,0 +1,4 @@
+import VApp from './VApp';
+export { VApp };
+export default VApp;
+//# sourceMappingURL=index.js.map

package/lib/components/VApp/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VApp/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAP,MAAiB,QAAjB;AAEA,SAAS,IAAT;AACA,eAAe,IAAf","sourcesContent":["import VApp from './VApp'\n\nexport { VApp }\nexport default VApp\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/VAppBar/VAppBar.js

@@ -0,0 +1,254 @@
+// Styles
+import "../../../src/components/VAppBar/VAppBar.sass"; // Extensions
+
+import VToolbar from '../VToolbar/VToolbar'; // Directives
+
+import Scroll from '../../directives/scroll'; // Mixins
+
+import Applicationable from '../../mixins/applicationable';
+import Scrollable from '../../mixins/scrollable';
+import SSRBootable from '../../mixins/ssr-bootable';
+import Toggleable from '../../mixins/toggleable'; // Utilities
+
+import { convertToUnit } from '../../util/helpers';
+import { mergeProps, withDirectives } from 'vue';
+import mixins from '../../util/mixins';
+const baseMixins = mixins(VToolbar, Scrollable, SSRBootable, Toggleable, Applicationable('top', ['clippedLeft', 'clippedRight', 'computedHeight', 'invertedScroll', 'isExtended', 'isProminent', 'value']));
+/* @vue/component */
+
+export default baseMixins.extend({
+  name: 'v-app-bar',
+  directives: {
+    Scroll
+  },
+
+  provide() {
+    return {
+      VAppBar: this
+    };
+  },
+
+  props: {
+    clippedLeft: Boolean,
+    clippedRight: Boolean,
+    collapseOnScroll: Boolean,
+    elevateOnScroll: Boolean,
+    fadeImgOnScroll: Boolean,
+    hideOnScroll: Boolean,
+    invertedScroll: Boolean,
+    scrollOffScreen: Boolean,
+    shrinkOnScroll: Boolean,
+    value: {
+      type: Boolean,
+      default: true
+    }
+  },
+  emits: ['update:modelValue'],
+
+  data() {
+    return {
+      isActive: this.value
+    };
+  },
+
+  computed: {
+    applicationProperty() {
+      return !this.bottom ? 'top' : 'bottom';
+    },
+
+    canScroll() {
+      return Scrollable.computed.canScroll.call(this) && (this.invertedScroll || this.elevateOnScroll || this.hideOnScroll || this.collapseOnScroll || this.isBooted || // If falsy, user has provided an
+      // explicit value which should
+      // overwrite anything we do
+      !this.value);
+    },
+
+    classes() {
+      return { ...VToolbar.computed.classes.call(this),
+        'v-toolbar--collapse': this.collapse || this.collapseOnScroll,
+        'v-app-bar': true,
+        'v-app-bar--clipped': this.clippedLeft || this.clippedRight,
+        'v-app-bar--fade-img-on-scroll': this.fadeImgOnScroll,
+        'v-app-bar--elevate-on-scroll': this.elevateOnScroll,
+        'v-app-bar--fixed': !this.absolute && (this.app || this.fixed),
+        'v-app-bar--hide-shadow': this.hideShadow,
+        'v-app-bar--is-scrolled': this.currentScroll > 0,
+        'v-app-bar--shrink-on-scroll': this.shrinkOnScroll
+      };
+    },
+
+    scrollRatio() {
+      const threshold = this.computedScrollThreshold;
+      return Math.max((threshold - this.currentScroll) / threshold, 0);
+    },
+
+    computedContentHeight() {
+      if (!this.shrinkOnScroll) return VToolbar.computed.computedContentHeight.call(this);
+      const min = this.dense ? 48 : 56;
+      const max = this.computedOriginalHeight;
+      return min + (max - min) * this.scrollRatio;
+    },
+
+    computedFontSize() {
+      if (!this.isProminent) return undefined;
+      const min = 1.25;
+      const max = 1.5;
+      return min + (max - min) * this.scrollRatio;
+    },
+
+    computedLeft() {
+      if (!this.app || this.clippedLeft) return 0;
+      return this.$vuetify.application.left;
+    },
+
+    computedMarginTop() {
+      if (!this.app) return 0;
+      return this.$vuetify.application.bar;
+    },
+
+    computedOpacity() {
+      if (!this.fadeImgOnScroll) return undefined;
+      return this.scrollRatio;
+    },
+
+    computedOriginalHeight() {
+      let height = VToolbar.computed.computedContentHeight.call(this);
+      if (this.isExtended) height += parseInt(this.extensionHeight);
+      return height;
+    },
+
+    computedRight() {
+      if (!this.app || this.clippedRight) return 0;
+      return this.$vuetify.application.right;
+    },
+
+    computedScrollThreshold() {
+      if (this.scrollThreshold) return Number(this.scrollThreshold);
+      return this.computedOriginalHeight - (this.dense ? 48 : 56);
+    },
+
+    computedTransform() {
+      if (!this.canScroll || this.elevateOnScroll && this.currentScroll === 0 && this.isActive) return 0;
+      if (this.isActive) return 0;
+      const scrollOffScreen = this.scrollOffScreen ? this.computedHeight : this.computedContentHeight;
+      return this.bottom ? scrollOffScreen : -scrollOffScreen;
+    },
+
+    hideShadow() {
+      if (this.elevateOnScroll && this.isExtended) {
+        return this.currentScroll < this.computedScrollThreshold;
+      }
+
+      if (this.elevateOnScroll) {
+        return this.currentScroll === 0 || this.computedTransform < 0;
+      }
+
+      return (!this.isExtended || this.scrollOffScreen) && this.computedTransform !== 0;
+    },
+
+    isCollapsed() {
+      if (!this.collapseOnScroll) {
+        return VToolbar.computed.isCollapsed.call(this);
+      }
+
+      return this.currentScroll > 0;
+    },
+
+    isProminent() {
+      return VToolbar.computed.isProminent.call(this) || this.shrinkOnScroll;
+    },
+
+    styles() {
+      return { ...VToolbar.computed.styles.call(this),
+        fontSize: convertToUnit(this.computedFontSize, 'rem'),
+        marginTop: convertToUnit(this.computedMarginTop),
+        transform: `translateY(${convertToUnit(this.computedTransform)})`,
+        left: convertToUnit(this.computedLeft),
+        right: convertToUnit(this.computedRight)
+      };
+    }
+
+  },
+  watch: {
+    canScroll: 'onScroll',
+
+    computedTransform() {
+      // Normally we do not want the v-app-bar
+      // to update the application top value
+      // to avoid screen jump. However, in
+      // this situation, we must so that
+      // the clipped drawer can update
+      // its top value when scrolled
+      if (!this.canScroll || !this.clippedLeft && !this.clippedRight) return;
+      this.callUpdate();
+    },
+
+    invertedScroll(val) {
+      this.isActive = !val || this.currentScroll !== 0;
+    },
+
+    hideOnScroll(val) {
+      this.isActive = !val || this.currentScroll < this.computedScrollThreshold;
+    }
+
+  },
+
+  created() {
+    if (this.invertedScroll) this.isActive = false;
+  },
+
+  methods: {
+    genBackground() {
+      const render = VToolbar.methods.genBackground.call(this); // Merge opacity style with existing props
+
+      if (render.props) {
+        render.props = mergeProps(render.props, {
+          style: {
+            opacity: this.computedOpacity
+          }
+        });
+      } else {
+        render.props = {
+          style: {
+            opacity: this.computedOpacity
+          }
+        };
+      }
+
+      return render;
+    },
+
+    updateApplication() {
+      return this.invertedScroll ? 0 : this.computedHeight + this.computedTransform;
+    },
+
+    thresholdMet() {
+      if (this.invertedScroll) {
+        this.isActive = this.currentScroll > this.computedScrollThreshold;
+        return;
+      }
+
+      if (this.hideOnScroll) {
+        this.isActive = this.isScrollingUp || this.currentScroll < this.computedScrollThreshold;
+      }
+
+      if (this.currentThreshold < this.computedScrollThreshold) return;
+      this.savedScroll = this.currentScroll;
+    }
+
+  },
+
+  render() {
+    const render = VToolbar.render.call(this);
+
+    if (this.canScroll) {
+      render.key = 'v-app-bar-scroll';
+      return withDirectives(render, [[Scroll, this.onScroll, this.scrollTarget]]);
+    }
+
+    render.key = 'v-app-bar-no-scroll';
+    return render;
+  }
+
+});
+//# sourceMappingURL=VAppBar.js.map

package/lib/components/VAppBar/VAppBar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VAppBar/VAppBar.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './VAppBar.sass'\n\n// Extensions\nimport VToolbar from '../VToolbar/VToolbar'\n\n// Directives\nimport Scroll from '../../directives/scroll'\n\n// Mixins\nimport Applicationable from '../../mixins/applicationable'\nimport Scrollable from '../../mixins/scrollable'\nimport SSRBootable from '../../mixins/ssr-bootable'\nimport Toggleable from '../../mixins/toggleable'\n\n// Utilities\nimport { convertToUnit } from '../../util/helpers'\nimport { mergeProps, withDirectives } from 'vue'\nimport mixins from '../../util/mixins'\n\n// Types\nimport type { VNode } from 'vue'\n\nconst baseMixins = mixins(\n  VToolbar,\n  Scrollable,\n  SSRBootable,\n  Toggleable,\n  Applicationable('top', [\n    'clippedLeft',\n    'clippedRight',\n    'computedHeight',\n    'invertedScroll',\n    'isExtended',\n    'isProminent',\n    'value',\n  ])\n)\n\n/* @vue/component */\nexport default baseMixins.extend({\n  name: 'v-app-bar',\n\n  directives: { Scroll },\n\n  provide (): object {\n    return { VAppBar: this }\n  },\n\n  props: {\n    clippedLeft: Boolean,\n    clippedRight: Boolean,\n    collapseOnScroll: Boolean,\n    elevateOnScroll: Boolean,\n    fadeImgOnScroll: Boolean,\n    hideOnScroll: Boolean,\n    invertedScroll: Boolean,\n    scrollOffScreen: Boolean,\n    shrinkOnScroll: Boolean,\n    value: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  emits: ['update:modelValue'],\n\n  data () {\n    return {\n      isActive: this.value,\n    }\n  },\n\n  computed: {\n    applicationProperty (): string {\n      return !this.bottom ? 'top' : 'bottom'\n    },\n    canScroll (): boolean {\n      return (\n        Scrollable.computed.canScroll.call(this) &&\n        (\n          this.invertedScroll ||\n          this.elevateOnScroll ||\n          this.hideOnScroll ||\n          this.collapseOnScroll ||\n          this.isBooted ||\n          // If falsy, user has provided an\n          // explicit value which should\n          // overwrite anything we do\n          !this.value\n        )\n      )\n    },\n    classes (): object {\n      return {\n        ...VToolbar.computed.classes.call(this),\n        'v-toolbar--collapse': this.collapse || this.collapseOnScroll,\n        'v-app-bar': true,\n        'v-app-bar--clipped': this.clippedLeft || this.clippedRight,\n        'v-app-bar--fade-img-on-scroll': this.fadeImgOnScroll,\n        'v-app-bar--elevate-on-scroll': this.elevateOnScroll,\n        'v-app-bar--fixed': !this.absolute && (this.app || this.fixed),\n        'v-app-bar--hide-shadow': this.hideShadow,\n        'v-app-bar--is-scrolled': this.currentScroll > 0,\n        'v-app-bar--shrink-on-scroll': this.shrinkOnScroll,\n      }\n    },\n    scrollRatio (): number {\n      const threshold = this.computedScrollThreshold\n      return Math.max((threshold - this.currentScroll) / threshold, 0)\n    },\n    computedContentHeight (): number {\n      if (!this.shrinkOnScroll) return VToolbar.computed.computedContentHeight.call(this)\n\n      const min = this.dense ? 48 : 56\n      const max = this.computedOriginalHeight\n\n      return min + (max - min) * this.scrollRatio\n    },\n    computedFontSize (): number | undefined {\n      if (!this.isProminent) return undefined\n\n      const min = 1.25\n      const max = 1.5\n\n      return min + (max - min) * this.scrollRatio\n    },\n    computedLeft (): number {\n      if (!this.app || this.clippedLeft) return 0\n\n      return this.$vuetify.application.left\n    },\n    computedMarginTop (): number {\n      if (!this.app) return 0\n\n      return this.$vuetify.application.bar\n    },\n    computedOpacity (): number | undefined {\n      if (!this.fadeImgOnScroll) return undefined\n\n      return this.scrollRatio\n    },\n    computedOriginalHeight (): number {\n      let height = VToolbar.computed.computedContentHeight.call(this)\n      if (this.isExtended) height += parseInt(this.extensionHeight)\n      return height\n    },\n    computedRight (): number {\n      if (!this.app || this.clippedRight) return 0\n\n      return this.$vuetify.application.right\n    },\n    computedScrollThreshold (): number {\n      if (this.scrollThreshold) return Number(this.scrollThreshold)\n\n      return this.computedOriginalHeight - (this.dense ? 48 : 56)\n    },\n    computedTransform (): number {\n      if (\n        !this.canScroll ||\n        (this.elevateOnScroll && this.currentScroll === 0 && this.isActive)\n      ) return 0\n\n      if (this.isActive) return 0\n\n      const scrollOffScreen = this.scrollOffScreen\n        ? this.computedHeight\n        : this.computedContentHeight\n\n      return this.bottom ? scrollOffScreen : -scrollOffScreen\n    },\n    hideShadow (): boolean {\n      if (this.elevateOnScroll && this.isExtended) {\n        return this.currentScroll < this.computedScrollThreshold\n      }\n\n      if (this.elevateOnScroll) {\n        return this.currentScroll === 0 ||\n          this.computedTransform < 0\n      }\n\n      return (\n        !this.isExtended ||\n        this.scrollOffScreen\n      ) && this.computedTransform !== 0\n    },\n    isCollapsed (): boolean {\n      if (!this.collapseOnScroll) {\n        return VToolbar.computed.isCollapsed.call(this)\n      }\n\n      return this.currentScroll > 0\n    },\n    isProminent (): boolean {\n      return (\n        VToolbar.computed.isProminent.call(this) ||\n        this.shrinkOnScroll\n      )\n    },\n    styles (): object {\n      return {\n        ...VToolbar.computed.styles.call(this),\n        fontSize: convertToUnit(this.computedFontSize, 'rem'),\n        marginTop: convertToUnit(this.computedMarginTop),\n        transform: `translateY(${convertToUnit(this.computedTransform)})`,\n        left: convertToUnit(this.computedLeft),\n        right: convertToUnit(this.computedRight),\n      }\n    },\n  },\n\n  watch: {\n    canScroll: 'onScroll',\n    computedTransform () {\n      // Normally we do not want the v-app-bar\n      // to update the application top value\n      // to avoid screen jump. However, in\n      // this situation, we must so that\n      // the clipped drawer can update\n      // its top value when scrolled\n      if (\n        !this.canScroll ||\n        (!this.clippedLeft && !this.clippedRight)\n      ) return\n\n      this.callUpdate()\n    },\n    invertedScroll (val: boolean) {\n      this.isActive = !val || this.currentScroll !== 0\n    },\n    hideOnScroll (val: boolean) {\n      this.isActive = !val || this.currentScroll < this.computedScrollThreshold\n    },\n  },\n\n  created () {\n    if (this.invertedScroll) this.isActive = false\n  },\n\n  methods: {\n    genBackground () {\n      const render = VToolbar.methods.genBackground.call(this)\n\n      // Merge opacity style with existing props\n      if (render.props) {\n        render.props = mergeProps(render.props, {\n          style: { opacity: this.computedOpacity }\n        })\n      } else {\n        render.props = {\n          style: { opacity: this.computedOpacity }\n        }\n      }\n\n      return render\n    },\n    updateApplication (): number {\n      return this.invertedScroll\n        ? 0\n        : this.computedHeight + this.computedTransform\n    },\n    thresholdMet () {\n      if (this.invertedScroll) {\n        this.isActive = this.currentScroll > this.computedScrollThreshold\n        return\n      }\n\n      if (this.hideOnScroll) {\n        this.isActive = this.isScrollingUp ||\n          this.currentScroll < this.computedScrollThreshold\n      }\n\n      if (this.currentThreshold < this.computedScrollThreshold) return\n\n      this.savedScroll = this.currentScroll\n    },\n  },\n\n  render (): VNode {\n    const render = VToolbar.render.call(this)\n\n    if (this.canScroll) {\n      render.key = 'v-app-bar-scroll'\n      return withDirectives(render, [\n        [Scroll, this.onScroll, this.scrollTarget],\n      ])\n    }\n\n    render.key = 'v-app-bar-no-scroll'\n\n    return render\n  },\n})\n"],"sourceRoot":"","file":"VAppBar.js"}

package/lib/components/VAppBar/VAppBarNavIcon.js

@@ -0,0 +1,25 @@
+// Components
+import VIcon from '../VIcon';
+import VBtn from '../VBtn/VBtn'; // Types
+
+import { defineComponent, h } from 'vue';
+/* @vue/component */
+
+export default defineComponent({
+  name: 'v-app-bar-nav-icon',
+  functional: true,
+
+  render() {
+    var _a, _b;
+
+    const data = this.$attrs;
+    const d = Object.assign({}, data, {
+      class: `v-app-bar__nav-icon ${data.class || ''}`.trim(),
+      icon: true
+    });
+    const defaultSlot = (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a);
+    return h(VBtn, d, defaultSlot || (() => [h(VIcon, {}, () => '$menu')]));
+  }
+
+});
+//# sourceMappingURL=VAppBarNavIcon.js.map

package/lib/components/VAppBar/VAppBarNavIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VAppBar/VAppBarNavIcon.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,KAAP,MAAkB,UAAlB;AACA,OAAO,IAAP,MAAiB,cAAjB,C,CAEA;;AACA,SAAQ,eAAR,EAAyB,CAAzB,QAAiC,KAAjC;AAEA;;AACA,eAAe,eAAe,CAAC;AAC7B,EAAA,IAAI,EAAE,oBADuB;AAG7B,EAAA,UAAU,EAAE,IAHiB;;AAK7B,EAAA,MAAM,GAAA;;;AACJ,UAAM,IAAI,GAAG,KAAK,MAAlB;AAEA,UAAM,CAAC,GAAG,MAAM,CAAC,MAAP,CAAc,EAAd,EAAkB,IAAlB,EAAwB;AAChC,MAAA,KAAK,EAAG,uBAAuB,IAAI,CAAC,KAAL,IAAc,EAAE,EAAxC,CAA4C,IAA5C,EADyB;AAEhC,MAAA,IAAI,EAAE;AAF0B,KAAxB,CAAV;AAKA,UAAM,WAAW,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAK,MAAL,EAAY,OAAZ,MAAmB,IAAnB,IAAmB,EAAA,KAAA,KAAA,CAAnB,GAAmB,KAAA,CAAnB,GAAmB,EAAA,CAAA,IAAA,CAAA,EAAA,CAAvC;AAEA,WAAO,CAAC,CAAC,IAAD,EAAO,CAAP,EAAU,WAAW,KAAK,MAAM,CAAC,CAAC,CAAC,KAAD,EAAQ,EAAR,EAAY,MAAM,OAAlB,CAAF,CAAX,CAArB,CAAR;AACD;;AAhB4B,CAAD,CAA9B","sourcesContent":["// Components\nimport VIcon from '../VIcon'\nimport VBtn from '../VBtn/VBtn'\n\n// Types\nimport {defineComponent, h} from 'vue'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-app-bar-nav-icon',\n\n  functional: true,\n\n  render () {\n    const data = this.$attrs\n\n    const d = Object.assign({}, data, {\n      class: (`v-app-bar__nav-icon ${data.class || ''}`).trim(),\n      icon: true,\n    })\n\n    const defaultSlot = this.$slots.default?.()\n\n    return h(VBtn, d, defaultSlot || (() => [h(VIcon, {}, () => '$menu')]))\n  },\n})\n"],"sourceRoot":"","file":"VAppBarNavIcon.js"}