@kokoccc/vuetify 1.0.2 → 1.0.3

package/es5/components/VAlert/VAlert.js

@@ -0,0 +1,243 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _vue = require("vue");
+
+require("../../../src/components/VAlert/VAlert.sass");
+
+var _VSheet = _interopRequireDefault(require("../VSheet"));
+
+var _VBtn = _interopRequireDefault(require("../VBtn"));
+
+var _VIcon = _interopRequireDefault(require("../VIcon"));
+
+var _toggleable = _interopRequireDefault(require("../../mixins/toggleable"));
+
+var _themeable = _interopRequireDefault(require("../../mixins/themeable"));
+
+var _transitionable = _interopRequireDefault(require("../../mixins/transitionable"));
+
+var _mixins = _interopRequireDefault(require("../../util/mixins"));
+
+var _console = require("../../util/console");
+
+var _helpers = require("../../util/helpers");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/* @vue/component */
+var _default2 = (0, _mixins.default)(_VSheet.default, _toggleable.default, _transitionable.default).extend({
+  name: 'v-alert',
+  emits: ['update:modelValue'],
+  props: {
+    border: {
+      type: String,
+      validator: function 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: function validator(val) {
+        return typeof val === 'string' || val === false;
+      }
+    },
+    outlined: Boolean,
+    prominent: Boolean,
+    text: Boolean,
+    type: {
+      type: String,
+      validator: function validator(val) {
+        return ['info', 'error', 'success', 'warning'].includes(val);
+      }
+    },
+    modelValue: {
+      type: Boolean,
+      default: true
+    }
+  },
+  computed: {
+    __cachedBorder: function __cachedBorder() {
+      if (!this.border) return null;
+      var data = {
+        class: ['v-alert__border', _defineProperty({}, "v-alert__border--".concat(this.border), true)]
+      };
+
+      if (this.coloredBorder) {
+        data = this.setBackgroundColor(this.computedColor, data);
+        data.class['v-alert__border--has-color'] = true;
+      }
+
+      return (0, _vue.h)('div', data);
+    },
+    __cachedDismissible: function __cachedDismissible() {
+      var _this = this;
+
+      if (!this.dismissible) return null;
+      var color = this.iconColor;
+      return (0, _vue.h)(_VBtn.default, {
+        class: 'v-alert__dismissible',
+        color: color,
+        icon: true,
+        small: true,
+        'aria-label': this.$vuetify.lang.t(this.closeLabel),
+        onClick: function onClick() {
+          return _this.isActive = false;
+        }
+      }, [(0, _vue.h)(_VIcon.default, {
+        color: color
+      }, {
+        default: function _default() {
+          return _this.closeIcon;
+        }
+      })]);
+    },
+    __cachedIcon: function __cachedIcon() {
+      var _this2 = this;
+
+      if (!this.computedIcon) return null;
+      return (0, _vue.h)(_VIcon.default, {
+        class: 'v-alert__icon',
+        color: this.iconColor
+      }, {
+        default: function _default() {
+          return _this2.computedIcon;
+        }
+      });
+    },
+    classes: function classes() {
+      var classes = _objectSpread(_objectSpread({}, _VSheet.default.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-".concat(this.border)] = true;
+      }
+
+      return classes;
+    },
+    computedColor: function computedColor() {
+      return this.color || this.type;
+    },
+    computedIcon: function 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 "$".concat(this.type);
+    },
+    hasColoredIcon: function hasColoredIcon() {
+      return this.hasText || Boolean(this.border) && this.coloredBorder;
+    },
+    hasText: function hasText() {
+      return this.text || this.outlined;
+    },
+    iconColor: function iconColor() {
+      return this.hasColoredIcon ? this.computedColor : undefined;
+    },
+    isDark: function isDark() {
+      if (this.type && !this.coloredBorder && !this.outlined) return true;
+      return _themeable.default.computed.isDark.call(this);
+    }
+  },
+  created: function created() {
+    var _this3 = this;
+
+    var breakingProps = [['outline', 'outlined'], ['value', 'modelValue'], ['onInput', 'onUpdate:modelValue']];
+    /* istanbul ignore next */
+
+    breakingProps.forEach(function (_ref2) {
+      var _ref3 = _slicedToArray(_ref2, 2),
+          original = _ref3[0],
+          replacement = _ref3[1];
+
+      if (_this3.$attrs.hasOwnProperty(original)) (0, _console.breaking)(original, replacement, _this3);
+    });
+  },
+  methods: {
+    genWrapper: function genWrapper() {
+      var children = [(0, _helpers.getSlot)(this, 'prepend') || this.__cachedIcon, this.genContent(), this.__cachedBorder, (0, _helpers.getSlot)(this, 'append'), this.$slots.close ? this.$slots.close({
+        toggle: this.toggle
+      }) : this.__cachedDismissible];
+      var data = {
+        class: 'v-alert__wrapper'
+      };
+      return (0, _vue.h)('div', data, children);
+    },
+    genContent: function genContent() {
+      return (0, _vue.h)('div', {
+        class: 'v-alert__content'
+      }, (0, _helpers.getSlot)(this));
+    },
+    genAlert: function genAlert() {
+      var data = _objectSpread(_objectSpread({
+        class: ['v-alert', this.classes],
+        role: 'alert'
+      }, this.listeners$), {}, {
+        style: this.styles
+      });
+
+      var directives = [[_vue.vShow, this.isActive]];
+
+      if (!this.coloredBorder) {
+        var setColor = this.hasText ? this.setTextColor : this.setBackgroundColor;
+        data = setColor(this.computedColor, data);
+      }
+
+      return (0, _vue.withDirectives)((0, _vue.h)('div', data, [this.genWrapper()]), directives);
+    },
+
+    /** @public */
+    toggle: function toggle() {
+      this.isActive = !this.isActive;
+    }
+  },
+  render: function render() {
+    var render = this.genAlert();
+    if (!this.transition) return render;
+    return (0, _vue.h)(_vue.Transition, {
+      name: this.transition,
+      origin: this.origin,
+      mode: this.mode
+    }, [render]);
+  }
+});
+
+exports.default = _default2;
+//# sourceMappingURL=VAlert.js.map

package/es5/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/es5/components/VAlert/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "VAlert", {
+  enumerable: true,
+  get: function get() {
+    return _VAlert.default;
+  }
+});
+exports.default = void 0;
+
+var _VAlert = _interopRequireDefault(require("./VAlert"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = _VAlert.default;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VAlert/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA;;;;eAGe,e","sourcesContent":["import VAlert from './VAlert'\n\nexport { VAlert }\nexport default VAlert\n"],"sourceRoot":"","file":"index.js"}

package/es5/components/VApp/VApp.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("../../../src/components/VApp/VApp.sass");
+
+var _themeable = _interopRequireDefault(require("../../mixins/themeable"));
+
+var _helpers = require("../../util/helpers");
+
+var _vue = require("vue");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/* @vue/component */
+var _default = {
+  name: 'v-app',
+  mixins: [_themeable.default],
+  props: {
+    dark: {
+      type: Boolean,
+      default: undefined
+    },
+    id: {
+      type: String,
+      default: 'app'
+    },
+    light: {
+      type: Boolean,
+      default: undefined
+    }
+  },
+  computed: {
+    isDark: function isDark() {
+      return this.$vuetify.theme.dark;
+    }
+  },
+  beforeCreate: function 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: function render() {
+    var wrapper = (0, _vue.h)('div', {
+      class: 'v-application--wrap'
+    }, (0, _helpers.getSlot)(this));
+    return (0, _vue.h)('div', {
+      class: _objectSpread({
+        '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]);
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=VApp.js.map

package/es5/components/VApp/VApp.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VApp/VApp.ts"],"names":[],"mappings":";;;;;;;AACA;;AAGA;;AAIA;;AACA;;;;;;;;;;AAEA;eACe;AACb,EAAA,IAAI,EAAE,OADO;AAEb,EAAA,MAAM,EAAE,CACN,kBADM,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,MADQ,oBACF;AACJ,aAAO,KAAK,QAAL,CAAc,KAAd,CAAoB,IAA3B;AACD;AAHO,GArBG;AA2Bb,EAAA,YA3Ba,0BA2BD;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,MAjCa,oBAiCP;AACJ,QAAM,OAAO,GAAG,YAAE,KAAF,EAAS;AAAE,MAAA,KAAK,EAAE;AAAT,KAAT,EAA2C,sBAAQ,IAAR,CAA3C,CAAhB;AAEA,WAAO,YAAE,KAAF,EAAS;AACd,MAAA,KAAK;AACH,yBAAiB,IADd;AAEH,iCAAyB,KAAK,QAAL,CAAc,GAFpC;AAGH,iCAAyB,CAAC,KAAK,QAAL,CAAc;AAHrC,SAIA,KAAK,YAJL,CADS;AAOd,kBAAY,IAPE;AAQd,MAAA,EAAE,EAAE,KAAK;AARK,KAAT,EASJ,CAAC,OAAD,CATI,CAAP;AAUD;AA9CY,C","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/es5/components/VApp/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "VApp", {
+  enumerable: true,
+  get: function get() {
+    return _VApp.default;
+  }
+});
+exports.default = void 0;
+
+var _VApp = _interopRequireDefault(require("./VApp"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = _VApp.default;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VApp/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA;;;;eAGe,a","sourcesContent":["import VApp from './VApp'\n\nexport { VApp }\nexport default VApp\n"],"sourceRoot":"","file":"index.js"}

package/es5/components/VAppBar/VAppBar.js

@@ -0,0 +1,246 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("../../../src/components/VAppBar/VAppBar.sass");
+
+var _VToolbar = _interopRequireDefault(require("../VToolbar/VToolbar"));
+
+var _scroll = _interopRequireDefault(require("../../directives/scroll"));
+
+var _applicationable = _interopRequireDefault(require("../../mixins/applicationable"));
+
+var _scrollable = _interopRequireDefault(require("../../mixins/scrollable"));
+
+var _ssrBootable = _interopRequireDefault(require("../../mixins/ssr-bootable"));
+
+var _toggleable = _interopRequireDefault(require("../../mixins/toggleable"));
+
+var _helpers = require("../../util/helpers");
+
+var _vue = require("vue");
+
+var _mixins = _interopRequireDefault(require("../../util/mixins"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var baseMixins = (0, _mixins.default)(_VToolbar.default, _scrollable.default, _ssrBootable.default, _toggleable.default, (0, _applicationable.default)('top', ['clippedLeft', 'clippedRight', 'computedHeight', 'invertedScroll', 'isExtended', 'isProminent', 'value']));
+/* @vue/component */
+
+var _default = baseMixins.extend({
+  name: 'v-app-bar',
+  directives: {
+    Scroll: _scroll.default
+  },
+  provide: function 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: function data() {
+    return {
+      isActive: this.value
+    };
+  },
+  computed: {
+    applicationProperty: function applicationProperty() {
+      return !this.bottom ? 'top' : 'bottom';
+    },
+    canScroll: function canScroll() {
+      return _scrollable.default.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: function classes() {
+      return _objectSpread(_objectSpread({}, _VToolbar.default.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: function scrollRatio() {
+      var threshold = this.computedScrollThreshold;
+      return Math.max((threshold - this.currentScroll) / threshold, 0);
+    },
+    computedContentHeight: function computedContentHeight() {
+      if (!this.shrinkOnScroll) return _VToolbar.default.computed.computedContentHeight.call(this);
+      var min = this.dense ? 48 : 56;
+      var max = this.computedOriginalHeight;
+      return min + (max - min) * this.scrollRatio;
+    },
+    computedFontSize: function computedFontSize() {
+      if (!this.isProminent) return undefined;
+      var min = 1.25;
+      var max = 1.5;
+      return min + (max - min) * this.scrollRatio;
+    },
+    computedLeft: function computedLeft() {
+      if (!this.app || this.clippedLeft) return 0;
+      return this.$vuetify.application.left;
+    },
+    computedMarginTop: function computedMarginTop() {
+      if (!this.app) return 0;
+      return this.$vuetify.application.bar;
+    },
+    computedOpacity: function computedOpacity() {
+      if (!this.fadeImgOnScroll) return undefined;
+      return this.scrollRatio;
+    },
+    computedOriginalHeight: function computedOriginalHeight() {
+      var height = _VToolbar.default.computed.computedContentHeight.call(this);
+
+      if (this.isExtended) height += parseInt(this.extensionHeight);
+      return height;
+    },
+    computedRight: function computedRight() {
+      if (!this.app || this.clippedRight) return 0;
+      return this.$vuetify.application.right;
+    },
+    computedScrollThreshold: function computedScrollThreshold() {
+      if (this.scrollThreshold) return Number(this.scrollThreshold);
+      return this.computedOriginalHeight - (this.dense ? 48 : 56);
+    },
+    computedTransform: function computedTransform() {
+      if (!this.canScroll || this.elevateOnScroll && this.currentScroll === 0 && this.isActive) return 0;
+      if (this.isActive) return 0;
+      var scrollOffScreen = this.scrollOffScreen ? this.computedHeight : this.computedContentHeight;
+      return this.bottom ? scrollOffScreen : -scrollOffScreen;
+    },
+    hideShadow: function 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: function isCollapsed() {
+      if (!this.collapseOnScroll) {
+        return _VToolbar.default.computed.isCollapsed.call(this);
+      }
+
+      return this.currentScroll > 0;
+    },
+    isProminent: function isProminent() {
+      return _VToolbar.default.computed.isProminent.call(this) || this.shrinkOnScroll;
+    },
+    styles: function styles() {
+      return _objectSpread(_objectSpread({}, _VToolbar.default.computed.styles.call(this)), {}, {
+        fontSize: (0, _helpers.convertToUnit)(this.computedFontSize, 'rem'),
+        marginTop: (0, _helpers.convertToUnit)(this.computedMarginTop),
+        transform: "translateY(".concat((0, _helpers.convertToUnit)(this.computedTransform), ")"),
+        left: (0, _helpers.convertToUnit)(this.computedLeft),
+        right: (0, _helpers.convertToUnit)(this.computedRight)
+      });
+    }
+  },
+  watch: {
+    canScroll: 'onScroll',
+    computedTransform: function 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: function invertedScroll(val) {
+      this.isActive = !val || this.currentScroll !== 0;
+    },
+    hideOnScroll: function hideOnScroll(val) {
+      this.isActive = !val || this.currentScroll < this.computedScrollThreshold;
+    }
+  },
+  created: function created() {
+    if (this.invertedScroll) this.isActive = false;
+  },
+  methods: {
+    genBackground: function genBackground() {
+      var render = _VToolbar.default.methods.genBackground.call(this); // Merge opacity style with existing props
+
+
+      if (render.props) {
+        render.props = (0, _vue.mergeProps)(render.props, {
+          style: {
+            opacity: this.computedOpacity
+          }
+        });
+      } else {
+        render.props = {
+          style: {
+            opacity: this.computedOpacity
+          }
+        };
+      }
+
+      return render;
+    },
+    updateApplication: function updateApplication() {
+      return this.invertedScroll ? 0 : this.computedHeight + this.computedTransform;
+    },
+    thresholdMet: function 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: function render() {
+    var render = _VToolbar.default.render.call(this);
+
+    if (this.canScroll) {
+      render.key = 'v-app-bar-scroll';
+      return (0, _vue.withDirectives)(render, [[_scroll.default, this.onScroll, this.scrollTarget]]);
+    }
+
+    render.key = 'v-app-bar-no-scroll';
+    return render;
+  }
+});
+
+exports.default = _default;
+//# sourceMappingURL=VAppBar.js.map