@kokoccc/vuetify 1.0.2 → 1.0.4

package/es5/components/VItemGroup/VItemGroup.js

@@ -0,0 +1,259 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.BaseItemGroup = void 0;
+
+var _vue = require("vue");
+
+require("../../../src/components/VItemGroup/VItemGroup.sass");
+
+var _comparable = _interopRequireDefault(require("../../mixins/comparable"));
+
+var _proxyable = _interopRequireDefault(require("../../mixins/proxyable"));
+
+var _themeable = _interopRequireDefault(require("../../mixins/themeable"));
+
+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; }
+
+var BaseItemGroup = (0, _mixins.default)(_comparable.default, _proxyable.default, _themeable.default).extend({
+  name: 'base-item-group',
+  emits: ['update:modelValue'],
+  props: {
+    activeClass: {
+      type: String,
+      default: 'v-item--active'
+    },
+    allowDeselect: {
+      type: Boolean,
+      default: true
+    },
+    mandatory: Boolean,
+    max: {
+      type: [Number, String],
+      default: null
+    },
+    multiple: Boolean,
+    tag: {
+      type: String,
+      default: 'div'
+    }
+  },
+  data: function data() {
+    return {
+      // As long as a value is defined, show it
+      // Otherwise, check if multiple
+      // to determine which default to provide
+      internalLazyValue: this.modelValue !== undefined ? this.modelValue : this.multiple ? [] : undefined,
+      items: []
+    };
+  },
+  computed: {
+    classes: function classes() {
+      return _objectSpread({
+        'v-item-group': true
+      }, this.themeClasses);
+    },
+    selectedIndex: function selectedIndex() {
+      return this.selectedItem && this.items.indexOf(this.selectedItem) || -1;
+    },
+    selectedItem: function selectedItem() {
+      if (this.multiple) return undefined;
+      return this.selectedItems[0];
+    },
+    selectedItems: function selectedItems() {
+      var _this = this;
+
+      return this.items.filter(function (item, index) {
+        return _this.toggleMethod(_this.getValue(item, index));
+      });
+    },
+    selectedValues: function selectedValues() {
+      if (this.internalValue == null) return [];
+      return Array.isArray(this.internalValue) ? this.internalValue : [this.internalValue];
+    },
+    toggleMethod: function toggleMethod() {
+      var _this2 = this;
+
+      if (!this.multiple) {
+        return function (v) {
+          return _this2.valueComparator(_this2.internalValue, v);
+        };
+      }
+
+      var internalValue = this.internalValue;
+
+      if (Array.isArray(internalValue)) {
+        return function (v) {
+          return internalValue.some(function (intern) {
+            return _this2.valueComparator(intern, v);
+          });
+        };
+      }
+
+      return function () {
+        return false;
+      };
+    }
+  },
+  watch: {
+    internalValue: 'updateItemsState',
+    items: 'updateItemsState'
+  },
+  created: function created() {
+    if (this.multiple && !Array.isArray(this.internalValue)) {
+      (0, _console.consoleWarn)('Model must be bound to an array if the multiple property is true.', this);
+    }
+  },
+  methods: {
+    genData: function genData() {
+      return {
+        class: this.classes
+      };
+    },
+    getValue: function getValue(item, i) {
+      return item.value === undefined ? i : item.value;
+    },
+    onClick: function onClick(item) {
+      this.updateInternalValue(this.getValue(item, this.items.indexOf(item)));
+    },
+    register: function register(item) {
+      var _this3 = this;
+
+      var index = this.items.push(item) - 1; // TODO!!!
+
+      item.$on('change', function () {
+        return _this3.onClick(item);
+      }); // If no value provided and mandatory,
+      // assign first registered item
+
+      if (this.mandatory && !this.selectedValues.length) {
+        this.updateMandatory();
+      }
+
+      this.updateItem(item, index);
+    },
+    unregister: function unregister(item) {
+      if (this.$.isUnmounted) return;
+      var index = this.items.indexOf(item);
+      var value = this.getValue(item, index);
+      this.items.splice(index, 1);
+      var valueIndex = this.selectedValues.indexOf(value); // Items is not selected, do nothing
+
+      if (valueIndex < 0) return; // If not mandatory, use regular update process
+
+      if (!this.mandatory) {
+        return this.updateInternalValue(value);
+      } // Remove the value
+
+
+      if (this.multiple && Array.isArray(this.internalValue)) {
+        this.internalValue = this.internalValue.filter(function (v) {
+          return v !== value;
+        });
+      } else {
+        this.internalValue = undefined;
+      } // If mandatory and we have no selection
+      // add the last item as value
+
+      /* istanbul ignore else */
+
+
+      if (!this.selectedItems.length) {
+        this.updateMandatory(true);
+      }
+    },
+    updateItem: function updateItem(item, index) {
+      var value = this.getValue(item, index);
+      item.isActive = this.toggleMethod(value);
+    },
+    // https://github.com/vuetifyjs/vuetify/issues/5352
+    updateItemsState: function updateItemsState() {
+      var _this4 = this;
+
+      this.$nextTick(function () {
+        if (_this4.mandatory && !_this4.selectedItems.length) {
+          return _this4.updateMandatory();
+        } // TODO: Make this smarter so it
+        // doesn't have to iterate every
+        // child in an update
+
+
+        _this4.items.forEach(_this4.updateItem);
+      });
+    },
+    updateInternalValue: function updateInternalValue(value) {
+      this.multiple ? this.updateMultiple(value) : this.updateSingle(value);
+    },
+    updateMandatory: function updateMandatory(last) {
+      if (!this.items.length) return;
+      var items = this.items.slice();
+      if (last) items.reverse();
+      var item = items.find(function (item) {
+        return !item.disabled;
+      }); // If no tabs are available
+      // aborts mandatory value
+
+      if (!item) return;
+      var index = this.items.indexOf(item);
+      this.updateInternalValue(this.getValue(item, index));
+    },
+    updateMultiple: function updateMultiple(value) {
+      var _this5 = this;
+
+      var defaultValue = Array.isArray(this.internalValue) ? this.internalValue : [];
+      var internalValue = defaultValue.slice();
+      var index = internalValue.findIndex(function (val) {
+        return _this5.valueComparator(val, value);
+      });
+      if (this.mandatory && // Item already exists
+      index > -1 && // value would be reduced below min
+      internalValue.length - 1 < 1) return;
+      if ( // Max is set
+      this.max != null && // Item doesn't exist
+      index < 0 && // value would be increased above max
+      internalValue.length + 1 > this.max) return;
+      index > -1 ? internalValue.splice(index, 1) : internalValue.push(value);
+      this.internalValue = internalValue;
+    },
+    updateSingle: function updateSingle(value) {
+      var isSame = this.valueComparator(this.internalValue, value);
+      if (this.mandatory && isSame) return;
+      if (!this.allowDeselect && isSame) return;
+      this.internalValue = isSame ? undefined : value;
+    }
+  },
+  render: function render() {
+    var data = this.genData();
+    return (0, _vue.h)((0, _helpers.getTagValue)(this.tag), _objectSpread({
+      class: data.class
+    }, data.attrs), (0, _helpers.getSlot)(this));
+  }
+});
+exports.BaseItemGroup = BaseItemGroup;
+
+var _default = (0, _vue.defineComponent)({
+  name: 'v-item-group',
+  extends: BaseItemGroup,
+  provide: function provide() {
+    return {
+      itemGroup: this
+    };
+  }
+});
+
+exports.default = _default;
+//# sourceMappingURL=VItemGroup.js.map

package/es5/components/VItemGroup/VItemGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VItemGroup/VItemGroup.ts"],"names":[],"mappings":"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","sourcesContent":["import {h} from 'vue'\n// Styles\nimport './VItemGroup.sass'\n\n// Mixins\nimport Comparable from '../../mixins/comparable'\nimport Groupable from '../../mixins/groupable'\nimport Proxyable from '../../mixins/proxyable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { consoleWarn } from '../../util/console'\nimport { getSlot, getTagValue } from '../../util/helpers'\n\n// Types\nimport { VNode } from 'vue/types'\nimport { defineComponent } from 'vue'\n\nexport type GroupableInstance = InstanceType<typeof Groupable> & {\n  id?: string\n  to?: any\n  value?: any\n }\n\nexport const BaseItemGroup = mixins(\n  Comparable,\n  Proxyable,\n  Themeable\n).extend({\n  name: 'base-item-group',\n\n  emits: ['update:modelValue'],\n\n  props: {\n    activeClass: {\n      type: String,\n      default: 'v-item--active',\n    },\n    allowDeselect: {\n      type: Boolean,\n      default: true,\n    },\n    mandatory: Boolean,\n    max: {\n      type: [Number, String],\n      default: null,\n    },\n    multiple: Boolean,\n    tag: {\n      type: String,\n      default: 'div',\n    },\n  },\n\n  data () {\n    return {\n      // As long as a value is defined, show it\n      // Otherwise, check if multiple\n      // to determine which default to provide\n      internalLazyValue: this.modelValue !== undefined\n        ? this.modelValue\n        : this.multiple ? [] : undefined,\n      items: [] as GroupableInstance[],\n    }\n  },\n\n  computed: {\n    classes (): Record<string, boolean> {\n      return {\n        'v-item-group': true,\n        ...this.themeClasses,\n      }\n    },\n    selectedIndex (): number {\n      return (this.selectedItem && this.items.indexOf(this.selectedItem)) || -1\n    },\n    selectedItem (): GroupableInstance | undefined {\n      if (this.multiple) return undefined\n\n      return this.selectedItems[0]\n    },\n    selectedItems (): GroupableInstance[] {\n      return this.items.filter((item, index) => {\n        return this.toggleMethod(this.getValue(item, index))\n      })\n    },\n    selectedValues (): any[] {\n      if (this.internalValue == null) return []\n\n      return Array.isArray(this.internalValue)\n        ? this.internalValue\n        : [this.internalValue]\n    },\n    toggleMethod (): (v: any) => boolean {\n      if (!this.multiple) {\n        return (v: any) => this.valueComparator(this.internalValue, v)\n      }\n\n      const internalValue = this.internalValue\n      if (Array.isArray(internalValue)) {\n        return (v: any) => internalValue.some(intern => this.valueComparator(intern, v))\n      }\n\n      return () => false\n    },\n  },\n\n  watch: {\n    internalValue: 'updateItemsState',\n    items: 'updateItemsState'\n  },\n\n  created () {\n    if (this.multiple && !Array.isArray(this.internalValue)) {\n      consoleWarn('Model must be bound to an array if the multiple property is true.', this)\n    }\n  },\n\n  methods: {\n\n    genData (): object {\n      return {\n        class: this.classes,\n      }\n    },\n    getValue (item: GroupableInstance, i: number): unknown {\n      return item.value === undefined\n        ? i\n        : item.value\n    },\n    onClick (item: GroupableInstance) {\n      this.updateInternalValue(\n        this.getValue(item, this.items.indexOf(item))\n      )\n    },\n    register (item: GroupableInstance) {\n      const index = this.items.push(item) - 1\n\n      // TODO!!!\n      item.$on('change', () => this.onClick(item))\n\n      // If no value provided and mandatory,\n      // assign first registered item\n      if (this.mandatory && !this.selectedValues.length) {\n        this.updateMandatory()\n      }\n\n      this.updateItem(item, index)\n    },\n    unregister (item: GroupableInstance) {\n      if (this.$.isUnmounted) return\n\n      const index = this.items.indexOf(item)\n      const value = this.getValue(item, index)\n\n      this.items.splice(index, 1)\n\n      const valueIndex = this.selectedValues.indexOf(value)\n\n      // Items is not selected, do nothing\n      if (valueIndex < 0) return\n\n      // If not mandatory, use regular update process\n      if (!this.mandatory) {\n        return this.updateInternalValue(value)\n      }\n\n      // Remove the value\n      if (this.multiple && Array.isArray(this.internalValue)) {\n        this.internalValue = this.internalValue.filter(v => v !== value)\n      } else {\n        this.internalValue = undefined\n      }\n\n      // If mandatory and we have no selection\n      // add the last item as value\n      /* istanbul ignore else */\n      if (!this.selectedItems.length) {\n        this.updateMandatory(true)\n      }\n    },\n    updateItem (item: GroupableInstance, index: number) {\n      const value = this.getValue(item, index)\n\n      item.isActive = this.toggleMethod(value)\n    },\n    // https://github.com/vuetifyjs/vuetify/issues/5352\n    updateItemsState () {\n      this.$nextTick(() => {\n        if (this.mandatory &&\n          !this.selectedItems.length\n        ) {\n          return this.updateMandatory()\n        }\n\n        // TODO: Make this smarter so it\n        // doesn't have to iterate every\n        // child in an update\n        this.items.forEach(this.updateItem)\n      })\n    },\n    updateInternalValue (value: any) {\n      this.multiple\n        ? this.updateMultiple(value)\n        : this.updateSingle(value)\n    },\n    updateMandatory (last?: boolean) {\n      if (!this.items.length) return\n\n      const items = this.items.slice()\n\n      if (last) items.reverse()\n\n      const item = items.find(item => !item.disabled)\n\n      // If no tabs are available\n      // aborts mandatory value\n      if (!item) return\n\n      const index = this.items.indexOf(item)\n\n      this.updateInternalValue(\n        this.getValue(item, index)\n      )\n    },\n    updateMultiple (value: any) {\n      const defaultValue = Array.isArray(this.internalValue)\n        ? this.internalValue\n        : []\n      const internalValue = defaultValue.slice()\n      const index = internalValue.findIndex(val => this.valueComparator(val, value))\n\n      if (\n        this.mandatory &&\n        // Item already exists\n        index > -1 &&\n        // value would be reduced below min\n        internalValue.length - 1 < 1\n      ) return\n\n      if (\n        // Max is set\n        this.max != null &&\n        // Item doesn't exist\n        index < 0 &&\n        // value would be increased above max\n        internalValue.length + 1 > this.max\n      ) return\n\n      index > -1\n        ? internalValue.splice(index, 1)\n        : internalValue.push(value)\n\n      this.internalValue = internalValue\n    },\n    updateSingle (value: any) {\n      const isSame = this.valueComparator(this.internalValue, value)\n\n      if (this.mandatory && isSame) return\n      if (!this.allowDeselect && isSame) return\n\n      this.internalValue = isSame ? undefined : value\n    },\n  },\n\n  render (): VNode {\n    const data = this.genData()\n    return h(getTagValue(this.tag), {\n      class: data.class,\n      ...data.attrs,\n    }, getSlot(this))\n  },\n})\n\nexport default defineComponent({\n  name: 'v-item-group',\n  extends: BaseItemGroup,\n\n  provide (): object {\n    return {\n      itemGroup: this,\n    }\n  },\n})\n"],"sourceRoot":"","file":"VItemGroup.js"}

package/es5/components/VItemGroup/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VItemGroup/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;eAOe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,KAAK,EAAL,cADuB;AAEvB,IAAA,UAAU,EAAV;AAFuB;AADZ,C","sourcesContent":["import VItem from './VItem'\nimport VItemGroup from './VItemGroup'\n\nexport {\n  VItem,\n  VItemGroup,\n}\n\nexport default {\n  $_vuetify_subcomponents: {\n    VItem,\n    VItemGroup,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}

package/es5/components/VLabel/VLabel.js

@@ -0,0 +1,84 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("../../../src/components/VLabel/VLabel.sass");
+
+var _colorable = _interopRequireDefault(require("../../mixins/colorable"));
+
+var _themeable = _interopRequireWildcard(require("../../mixins/themeable"));
+
+var _vue = require("vue");
+
+var _mixins = _interopRequireDefault(require("../../util/mixins"));
+
+var _helpers = require("../../util/helpers");
+
+var _mergeData = _interopRequireDefault(require("../../util/mergeData"));
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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)(_themeable.default).extend({
+  name: 'v-label',
+  functional: true,
+  props: {
+    absolute: Boolean,
+    color: {
+      type: String,
+      default: 'primary'
+    },
+    disabled: Boolean,
+    focused: Boolean,
+    for: String,
+    left: {
+      type: [Number, String],
+      default: 0
+    },
+    right: {
+      type: [Number, String],
+      default: 'auto'
+    },
+    value: Boolean
+  },
+  render: function render() {
+    var _a, _b;
+
+    var data = this.$attrs;
+    var props = this.$props;
+    var newData = (0, _mergeData.default)({
+      class: _objectSpread({
+        'v-label': true,
+        'v-label--active': this.value,
+        'v-label--is-disabled': this.disabled
+      }, (0, _themeable.functionalThemeClasses)(this)),
+      for: props.for,
+      'aria-hidden': !props.for,
+      style: {
+        left: (0, _helpers.convertToUnit)(props.left),
+        right: (0, _helpers.convertToUnit)(props.right),
+        position: props.absolute ? 'absolute' : 'relative'
+      },
+      ref: 'label'
+    }, data);
+    return (0, _vue.h)('label', _colorable.default.methods.setTextColor(props.focused && props.color, newData), (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a));
+  }
+});
+
+exports.default = _default;
+//# sourceMappingURL=VLabel.js.map

package/es5/components/VLabel/VLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VLabel/VLabel.ts"],"names":[],"mappings":";;;;;;;;;AACA;;AAGA;;AACA;;AAGA;;AACA;;AAGA;;AACA;;;;;;;;;;;;;;AAEA;eACe,qBAAO,kBAAP,EAAkB,MAAlB,CAAyB;AACtC,EAAA,IAAI,EAAE,SADgC;AAGtC,EAAA,UAAU,EAAE,IAH0B;AAKtC,EAAA,KAAK,EAAE;AACL,IAAA,QAAQ,EAAE,OADL;AAEL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,MADD;AAEL,MAAA,OAAO,EAAE;AAFJ,KAFF;AAML,IAAA,QAAQ,EAAE,OANL;AAOL,IAAA,OAAO,EAAE,OAPJ;AAQL,IAAA,GAAG,EAAE,MARA;AASL,IAAA,IAAI,EAAE;AACJ,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADF;AAEJ,MAAA,OAAO,EAAE;AAFL,KATD;AAaL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADD;AAEL,MAAA,OAAO,EAAE;AAFJ,KAbF;AAiBL,IAAA,KAAK,EAAE;AAjBF,GAL+B;AAyBtC,EAAA,MAzBsC,oBAyBhC;;;AACJ,QAAM,IAAI,GAAG,KAAK,MAAlB;AACA,QAAM,KAAK,GAAG,KAAK,MAAnB;AAEA,QAAM,OAAO,GAAG,wBAAU;AACxB,MAAA,KAAK;AACH,mBAAW,IADR;AAEH,2BAAmB,KAAK,KAFrB;AAGH,gCAAwB,KAAK;AAH1B,SAIA,uCAAuB,IAAvB,CAJA,CADmB;AAOxB,MAAA,GAAG,EAAE,KAAK,CAAC,GAPa;AAQxB,qBAAe,CAAC,KAAK,CAAC,GARE;AASxB,MAAA,KAAK,EAAE;AACL,QAAA,IAAI,EAAE,4BAAc,KAAK,CAAC,IAApB,CADD;AAEL,QAAA,KAAK,EAAE,4BAAc,KAAK,CAAC,KAApB,CAFF;AAGL,QAAA,QAAQ,EAAE,KAAK,CAAC,QAAN,GAAiB,UAAjB,GAA8B;AAHnC,OATiB;AAcxB,MAAA,GAAG,EAAE;AAdmB,KAAV,EAeb,IAfa,CAAhB;AAiBA,WAAO,YAAE,OAAF,EAAW,mBAAU,OAAV,CAAkB,YAAlB,CAA+B,KAAK,CAAC,OAAN,IAAiB,KAAK,CAAC,KAAtD,EAA6D,OAA7D,CAAX,EAAkF,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,CAArG,CAAP;AACD;AA/CqC,CAAzB,C","sourcesContent":["// Styles\nimport './VLabel.sass'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Themeable, { functionalThemeClasses } from '../../mixins/themeable'\n\n// Types\nimport { VNode, h } from 'vue'\nimport mixins from '../../util/mixins'\n\n// Helpers\nimport { convertToUnit } from '../../util/helpers'\nimport mergeData from '../../util/mergeData'\n\n/* @vue/component */\nexport default mixins(Themeable).extend({\n  name: 'v-label',\n\n  functional: true,\n\n  props: {\n    absolute: Boolean,\n    color: {\n      type: String,\n      default: 'primary',\n    },\n    disabled: Boolean,\n    focused: Boolean,\n    for: String,\n    left: {\n      type: [Number, String],\n      default: 0,\n    },\n    right: {\n      type: [Number, String],\n      default: 'auto',\n    },\n    value: Boolean,\n  },\n\n  render (): VNode {\n    const data = this.$attrs\n    const props = this.$props\n\n    const newData = mergeData({\n      class: {\n        'v-label': true,\n        'v-label--active': this.value,\n        'v-label--is-disabled': this.disabled,\n        ...functionalThemeClasses(this),\n      },\n      for: props.for,\n      'aria-hidden': !props.for,\n      style: {\n        left: convertToUnit(props.left),\n        right: convertToUnit(props.right),\n        position: props.absolute ? 'absolute' : 'relative',\n      },\n      ref: 'label',\n    }, data)\n\n    return h('label', Colorable.methods.setTextColor(props.focused && props.color, newData), this.$slots.default?.())\n  },\n})\n"],"sourceRoot":"","file":"VLabel.js"}

package/es5/components/VLabel/index.js

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

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

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

package/es5/components/VLazy/VLazy.js

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _vue = require("vue");
+
+var _measurable = _interopRequireDefault(require("../../mixins/measurable"));
+
+var _toggleable = _interopRequireDefault(require("../../mixins/toggleable"));
+
+var _intersect = _interopRequireDefault(require("../../directives/intersect"));
+
+var _mixins = _interopRequireDefault(require("../../util/mixins"));
+
+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; }
+
+var _default2 = (0, _mixins.default)(_measurable.default, _toggleable.default).extend({
+  name: 'VLazy',
+  emits: ['update:modelValue'],
+  props: {
+    options: {
+      type: Object,
+      // For more information on types, navigate to:
+      // https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API
+      default: function _default() {
+        return {
+          root: undefined,
+          rootMargin: undefined,
+          threshold: undefined
+        };
+      }
+    },
+    tag: {
+      type: String,
+      default: 'div'
+    },
+    transition: {
+      type: String,
+      default: 'fade-transition'
+    }
+  },
+  computed: {
+    styles: function styles() {
+      return _objectSpread({}, this.measurableStyles);
+    }
+  },
+  methods: {
+    genContent: function genContent() {
+      var children = this.isActive && (0, _helpers.getSlot)(this);
+      return this.transition ? (0, _vue.h)(_vue.Transition, {
+        name: this.transition
+      }, children) : children;
+    },
+    onObserve: function onObserve(entries, observer, isIntersecting) {
+      if (this.isActive) return;
+      this.isActive = isIntersecting;
+    }
+  },
+  render: function render() {
+    return (0, _vue.withDirectives)((0, _vue.h)((0, _helpers.getTagValue)(this.tag), _objectSpread(_objectSpread({
+      class: 'v-lazy'
+    }, this.$attrs), {}, {
+      style: this.styles
+    }), [this.genContent()]), [[_intersect.default, {
+      handler: this.onObserve,
+      options: this.options
+    }]]);
+  }
+});
+
+exports.default = _default2;
+//# sourceMappingURL=VLazy.js.map

package/es5/components/VLazy/VLazy.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VLazy/VLazy.ts"],"names":[],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AAGA;;AAGA;;AACA;;;;;;;;;;gBAMe,qBACb,mBADa,EAEb,mBAFa,EAGb,MAHa,CAGN;AACP,EAAA,IAAI,EAAE,OADC;AAGP,EAAA,KAAK,EAAE,CAAC,mBAAD,CAHA;AAMP,EAAA,KAAK,EAAE;AACL,IAAA,OAAO,EAAE;AACP,MAAA,IAAI,EAAE,MADC;AAEP;AACA;AACA,MAAA,OAAO,EAAE;AAAA,eAAO;AACd,UAAA,IAAI,EAAE,SADQ;AAEd,UAAA,UAAU,EAAE,SAFE;AAGd,UAAA,SAAS,EAAE;AAHG,SAAP;AAAA;AAJF,KADJ;AAWL,IAAA,GAAG,EAAE;AACH,MAAA,IAAI,EAAE,MADH;AAEH,MAAA,OAAO,EAAE;AAFN,KAXA;AAeL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,MADI;AAEV,MAAA,OAAO,EAAE;AAFC;AAfP,GANA;AA2BP,EAAA,QAAQ,EAAE;AACR,IAAA,MADQ,oBACF;AACJ,+BACK,KAAK,gBADV;AAGD;AALO,GA3BH;AAmCP,EAAA,OAAO,EAAE;AACP,IAAA,UADO,wBACG;AACR,UAAM,QAAQ,GAAG,KAAK,QAAL,IAAiB,sBAAQ,IAAR,CAAlC;AAEA,aAAO,KAAK,UAAL,GACH,YAAE,eAAF,EAAc;AACd,QAAA,IAAI,EAAE,KAAK;AADG,OAAd,EAEC,QAFD,CADG,GAIH,QAJJ;AAKD,KATM;AAUP,IAAA,SAVO,qBAWL,OAXK,EAYL,QAZK,EAaL,cAbK,EAakB;AAEvB,UAAI,KAAK,QAAT,EAAmB;AAEnB,WAAK,QAAL,GAAgB,cAAhB;AACD;AAlBM,GAnCF;AAwDP,EAAA,MAxDO,oBAwDD;AACJ,WAAO,yBAAe,YAAE,0BAAY,KAAK,GAAjB,CAAF;AACpB,MAAA,KAAK,EAAE;AADa,OAEjB,KAAK,MAFY;AAGpB,MAAA,KAAK,EAAE,KAAK;AAHQ,QAInB,CAAC,KAAK,UAAL,EAAD,CAJmB,CAAf,EAIkB,CACvB,CAAC,kBAAD,EAAY;AACV,MAAA,OAAO,EAAE,KAAK,SADJ;AAEV,MAAA,OAAO,EAAE,KAAK;AAFJ,KAAZ,CADuB,CAJlB,CAAP;AAUD;AAnEM,CAHM,C","sourcesContent":["import { Transition, h, withDirectives, defineComponent } from 'vue'\n// Mixins\nimport Measurable from '../../mixins/measurable'\nimport Toggleable from '../../mixins/toggleable'\n\n// Directives\nimport intersect from '../../directives/intersect'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { getSlot, getTagValue } from '../../util/helpers'\n\n// Types\nimport { VNode } from 'vue'\nimport { PropValidator } from 'vue/types/options'\n\nexport default mixins(\n  Measurable,\n  Toggleable\n).extend({\n  name: 'VLazy',\n\n  emits: ['update:modelValue'],\n\n\n  props: {\n    options: {\n      type: Object,\n      // For more information on types, navigate to:\n      // https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API\n      default: () => ({\n        root: undefined,\n        rootMargin: undefined,\n        threshold: undefined,\n      }),\n    } as PropValidator<IntersectionObserverInit>,\n    tag: {\n      type: String,\n      default: 'div',\n    },\n    transition: {\n      type: String,\n      default: 'fade-transition',\n    },\n  },\n\n  computed: {\n    styles (): object {\n      return {\n        ...this.measurableStyles,\n      }\n    },\n  },\n\n  methods: {\n    genContent () {\n      const children = this.isActive && getSlot(this)\n\n      return this.transition\n        ? h(Transition, {\n          name: this.transition,\n        }, children)\n        : children\n    },\n    onObserve (\n      entries: IntersectionObserverEntry[],\n      observer: IntersectionObserver,\n      isIntersecting: boolean,\n    ) {\n      if (this.isActive) return\n\n      this.isActive = isIntersecting\n    },\n  },\n\n  render (): VNode {\n    return withDirectives(h(getTagValue(this.tag), {\n      class: 'v-lazy',\n      ...this.$attrs,\n      style: this.styles,\n    }, [this.genContent()]), [\n      [intersect, {\n        handler: this.onObserve,\n        options: this.options,\n      }]\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VLazy.js"}

package/es5/components/VLazy/index.js

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

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

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