@dimailn/vuetify 2.7.2-alpha0

package/es5/components/VAlert/VAlert.js

@@ -0,0 +1,213 @@
+"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 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 = (0, _mixins.default)(_VSheet.default, _toggleable.default, _transitionable.default).extend({
+  name: 'v-alert',
+  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: {
+      default: '',
+      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);
+      }
+    },
+    value: {
+      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
+      }, this.closeIcon)]);
+    },
+    __cachedIcon: function __cachedIcon() {
+      if (!this.computedIcon) return null;
+      return (0, _vue.h)(_VIcon.default, {
+        class: 'v-alert__icon',
+        color: this.iconColor
+      }, this.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() {
+    /* istanbul ignore next */
+    if (this.$attrs.hasOwnProperty('outline')) {
+      (0, _console.breaking)('outline', 'outlined', this);
+    }
+  },
+  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 = _default;
+//# 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  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      default: '',\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    value: {\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        }, this.closeIcon),\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      }, this.computedIcon)\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    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('outline')) {\n      breaking('outline', 'outlined', 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})\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,240 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _vue = require("vue");
+
+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 _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
+    }
+  },
+  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);
+
+      render.data = this._b(render.data || {}, render.tag, {
+        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, _vue.h);
+
+    render.data = render.data || {};
+
+    if (this.canScroll) {
+      render.data.directives = render.data.directives || [];
+      render.data.directives.push({
+        arg: this.scrollTarget,
+        name: 'scroll',
+        value: this.onScroll
+      });
+    }
+
+    return render;
+  }
+});
+
+exports.default = _default;
+//# sourceMappingURL=VAppBar.js.map

package/es5/components/VAppBar/VAppBar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VAppBar/VAppBar.ts"],"names":[],"mappings":"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","sourcesContent":["import {h} from 'vue'\n// 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 mixins from '../../util/mixins'\n\n// Types\nimport { 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  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      render.data = this._b(render.data || {}, render.tag!, {\n        style: { opacity: this.computedOpacity },\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, h)\n\n    render.data = render.data || {}\n\n    if (this.canScroll) {\n      render.data.directives = render.data.directives || []\n      render.data.directives.push({\n        arg: this.scrollTarget,\n        name: 'scroll',\n        value: this.onScroll,\n      })\n    }\n\n    return render\n  },\n})\n"],"sourceRoot":"","file":"VAppBar.js"}